Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 18:39:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): improve tab hover color and alignment

Browse Source
This commit is contained in:
Elian Doran 2024-12-01 10:25:38 +02:00
parent a883744237
commit 6c035c7756
No known key found for this signature in database
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/stylesheets/theme-next.css
View File

@ -348,6 +348,7 @@
--launcher-pane-background-color: var(--launcher-pane-horizontal-background-color); --launcher-pane-background-color: var(--launcher-pane-horizontal-background-color);
--launcher-pane-size: var(--launcher-pane-horizontal-size); --launcher-pane-size: var(--launcher-pane-horizontal-size);
--active-tab-background-color: var(--launcher-pane-background-color); --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 */ /* 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 { .tab-row-container .toggle-button {
margin: 13px 10px !important; margin: 6px 10px !important;
} }
.tab-row-container { .tab-row-container {
@ -687,10 +688,15 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
.tab-row-widget-container { .tab-row-widget-container {
margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2); margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2);
height: var(--tab-height) !important; 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 { #root-widget.horizontal-layout .tab-row-widget-container {
margin-top: calc((var(--tab-bar-height) - var(--tab-height))); margin-top: 0;
position: relative; position: relative;
} }