From 6c035c7756175cb9c0f3494ae7ad00c59eb3936c Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Sun, 1 Dec 2024 10:25:38 +0200 Subject: [PATCH] style(next): improve tab hover color and alignment --- src/public/stylesheets/theme-next.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 332c56897..b354247d6 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -348,6 +348,7 @@ --launcher-pane-background-color: var(--launcher-pane-horizontal-background-color); --launcher-pane-size: var(--launcher-pane-horizontal-size); --active-tab-background-color: var(--launcher-pane-background-color); + --active-tab-hover-background-color: var(--active-tab-background-color); } /* Matches when the left pane is collapsed */ @@ -667,7 +668,7 @@ html body #left-pane .quick-search:focus-within .search-button:hover, } .tab-row-container .toggle-button { - margin: 13px 10px !important; + margin: 6px 10px !important; } .tab-row-container { @@ -687,10 +688,15 @@ html body #left-pane .quick-search:focus-within .search-button:hover, .tab-row-widget-container { margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2); height: var(--tab-height) !important; + overflow: hidden; +} + +#root-widget.horizontal-layout .tab-row-container { + padding-top: calc((var(--tab-bar-height) - var(--tab-height))); } #root-widget.horizontal-layout .tab-row-widget-container { - margin-top: calc((var(--tab-bar-height) - var(--tab-height))); + margin-top: 0; position: relative; }