From db855691818953f85a13c2743aaa3431a6db6427 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Sun, 7 Jul 2024 14:49:14 +0200 Subject: [PATCH] fix(developer): Add information about `body-container-` CSS variables * For https://github.com/nextcloud/server/pull/46259 Signed-off-by: Ferdinand Thiessen --- developer_manual/html_css_design/css.rst | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/developer_manual/html_css_design/css.rst b/developer_manual/html_css_design/css.rst index 69c3fabcd33..a5e3f758c4a 100644 --- a/developer_manual/html_css_design/css.rst +++ b/developer_manual/html_css_design/css.rst @@ -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 | ++----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| ``--body-container-margin`` | ``calc(var(--default-grid-baseline) * 2)`` | Margin of the body container | +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ -| ``--header-menu-item-height`` | ``44px`` | Height of entries in the main app navigation bar | +| ``--header-height`` | ``50px`` | Height of the main app navigation bar | +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ | ``--navigation-width`` | ``300px`` | Width of the in-app navigation sidebar | +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+