Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-11 02:42:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): improve horizontal layout slightly

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

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

@ -39,6 +39,7 @@
--left-pane-item-selected-shadow-size: 2px; --left-pane-item-selected-shadow-size: 2px;
--launcher-pane-size: 58px; --launcher-pane-size: 58px;
--launcher-pane-horizontal-size: 54px;
--launcher-pane-button-margin: 6px; --launcher-pane-button-margin: 6px;
--launcher-pane-button-gap: 3px; --launcher-pane-button-gap: 3px;
@ -345,6 +346,7 @@
#root-widget.horizontal-layout { #root-widget.horizontal-layout {
--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);
--active-tab-background-color: var(--launcher-pane-background-color); --active-tab-background-color: var(--launcher-pane-background-color);
} }
@ -361,6 +363,10 @@
/* /*
* Launcher pane * Launcher pane
*/ */
#launcher-container,
#root-widget.horizontal-layout > .horizontal {
align-items: center;
}
#launcher-pane.vertical { #launcher-pane.vertical {
width: var(--launcher-pane-size) !important; width: var(--launcher-pane-size) !important;
@ -368,13 +374,18 @@
} }
#launcher-pane.horizontal { #launcher-pane.horizontal {
height: var(--launcher-pane-size) !important; height: var(--launcher-pane-size) !important;
border-bottom: 1px solid var(--subtle-border-color);
} }
#launcher-pane .launcher-button { #launcher-pane .launcher-button,
#launcher-pane .dropdown {
width: calc(var(--launcher-pane-size) - (var(--launcher-pane-button-margin) * 2)) !important; width: calc(var(--launcher-pane-size) - (var(--launcher-pane-button-margin) * 2)) !important;
height: calc(var(--launcher-pane-size) - (var(--launcher-pane-button-margin) * 2)) !important; height: calc(var(--launcher-pane-size) - (var(--launcher-pane-button-margin) * 2)) !important;
margin: var(--launcher-pane-button-gap) var(--launcher-pane-button-margin); margin: var(--launcher-pane-button-gap) var(--launcher-pane-button-margin);
}
#launcher-pane .launcher-button {
padding: 0 !important; padding: 0 !important;
border-radius: 8px; border-radius: 8px;
transition: background-color 300ms ease-out, transition: background-color 300ms ease-out,
@ -383,6 +394,10 @@
cursor: default; cursor: default;
} }
#launcher-pane .dropdown .launcher-button {
margin: 0;
}
#launcher-pane .launcher-button:active, #launcher-pane .launcher-button:active,
#launcher-pane .launcher-button.show { #launcher-pane .launcher-button.show {
transform: scale(0.9); transform: scale(0.9);