From d81e5533c26cdae0eb720bab5d84bf56bbf615d9 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Mon, 29 Jun 2026 14:43:39 +0200 Subject: [PATCH] fix: slighly increase header height 42px looks ever so slightly too small and the search bar can get caught up in browser hinting shenanigans which will make the padding look uneven. 44 is a bit nicer. Co-authored-by: Laura Kramolis Signed-off-by: Ferdinand Thiessen --- apps/theming/css/default.css | 2 +- apps/theming/lib/Themes/DefaultTheme.php | 2 +- core/css/variables.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index 76dd38462a8..af4aa60cc3a 100644 --- a/apps/theming/css/default.css +++ b/apps/theming/css/default.css @@ -101,7 +101,7 @@ --clickable-area-small: 24px; --default-grid-baseline: 4px; - --header-height: 42px; + --header-height: 44px; --header-menu-item-height: 34px; /* An alpha mask to be applied to all icons on the navigation bar (header menu). * Icons are have a size of 20px but usually we use MDI which have a content of 16px so 2px padding top bottom, diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index 9141f83b670..559debb8f46 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -240,7 +240,7 @@ class DefaultTheme implements ITheme { '--default-grid-baseline' => '4px', // header / navigation bar - '--header-height' => '42px', + '--header-height' => '44px', '--header-menu-item-height' => '34px', /* An alpha mask to be applied to all icons on the navigation bar (header menu). * Icons are have a size of 20px but usually we use MDI which have a content of 16px so 2px padding top bottom, diff --git a/core/css/variables.scss b/core/css/variables.scss index bf885b8242f..f1bd0175766 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -87,7 +87,7 @@ $animation-quick: 100ms; $animation-slow: 300ms; // various structure data -$header-height: 42px; +$header-height: 44px; $navigation-width: 300px; $sidebar-min-width: 300px; $sidebar-max-width: 500px;