Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 02:02:29 +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;
--launcher-pane-size: 58px;
--launcher-pane-horizontal-size: 54px;
--launcher-pane-button-margin: 6px;
--launcher-pane-button-gap: 3px;
@ -345,6 +346,7 @@
#root-widget.horizontal-layout {
--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);
}
@ -361,6 +363,10 @@
/*
* Launcher pane
*/
#launcher-container,
#root-widget.horizontal-layout > .horizontal {
align-items: center;
}
#launcher-pane.vertical {
width: var(--launcher-pane-size) !important;
@ -368,13 +374,18 @@
}
#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;
height: calc(var(--launcher-pane-size) - (var(--launcher-pane-button-margin) * 2)) !important;
margin: var(--launcher-pane-button-gap) var(--launcher-pane-button-margin);
}
#launcher-pane .launcher-button {
padding: 0 !important;
border-radius: 8px;
transition: background-color 300ms ease-out,
@ -383,6 +394,10 @@
cursor: default;
}
#launcher-pane .dropdown .launcher-button {
margin: 0;
}
#launcher-pane .launcher-button:active,
#launcher-pane .launcher-button.show {
transform: scale(0.9);