khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-02 09:49:33 +07:00
Code Issues Packages Projects Releases Wiki Activity

fix(developer): Add information about body-container- CSS variables

Browse Source 
* For https://github.com/nextcloud/server/pull/46259

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen
2024-07-07 14:49:14 +02:00
parent fa2563e128
commit db85569181
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
developer_manual/html_css_design/css.rst
View File

@@ -206,9 +206,11 @@ Element structure variables
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--clickable-area-small`` | ``24px`` | Smallest possible size of interactive elements, used by tertiary actions like filter chips |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--header-height`` | ``50px`` | Height of the main app navigation bar |
| ``--body-container-radius`` | ``calc(var(--default-grid-baseline) * 3)`` | Border radius of the body container |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--header-menu-item-height`` | ``44px`` | Height of entries in the main app navigation bar |
| ``--body-container-margin`` | ``calc(var(--default-grid-baseline) * 2)`` | Margin of the body container |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--header-height`` | ``50px`` | Height of the main app navigation bar |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--navigation-width`` | ``300px`` | Width of the in-app navigation sidebar |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+