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

Improve the overall appearance when the left pane is collapsed

Browse Source
This commit is contained in:
Adorian Doran 2024-11-29 00:58:22 +02:00
parent 65fb7cb4cb
commit 6ad09280d0
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,6 +46,8 @@
--tab-height: 36px; --tab-height: 36px;
--tab-first-item-horiz-offset: 1px; --tab-first-item-horiz-offset: 1px;
--new-tab-button-size: 24px; --new-tab-button-size: 24px;
--center-pane-border-radius: 10px;
} }
/* /*
@ -99,6 +101,7 @@
--modal-background-color: white; --modal-background-color: white;
--modal-backdrop-color: black; --modal-backdrop-color: black;
--left-pane-collapsed-border-color: #0000000d;
--left-pane-background-color: #f2f2f2; --left-pane-background-color: #f2f2f2;
--left-pane-text-color: #383838; --left-pane-text-color: #383838;
--left-pane-item-hover-background: #eaeaea; --left-pane-item-hover-background: #eaeaea;
@ -208,6 +211,7 @@
--modal-background-color: #333; --modal-background-color: #333;
--modal-backdrop-color: #444; --modal-backdrop-color: #444;
--left-pane-collapsed-border-color: #0000000d;
--left-pane-background-color: #1f1f1f; --left-pane-background-color: #1f1f1f;
--left-pane-text-color: #AAAAAA; --left-pane-text-color: #AAAAAA;
--left-pane-item-hover-background: #eaeaea; --left-pane-item-hover-background: #eaeaea;
@ -292,6 +296,15 @@
background-color: var(--root-background); background-color: var(--root-background);
} }
/* Matches when the left pane is collapsed */
:has(#left-pane.hidden-int) {
--center-pane-border-radius: 0;
--tab-first-item-horiz-offset: 5px;
}
:has(#left-pane.hidden-int) #launcher-pane.vertical {
border-right: 2px solid var(--left-pane-collapsed-border-color);
}
/* /*
* Launcher pane * Launcher pane
@ -581,7 +594,7 @@
*/ */
#center-pane { #center-pane {
border-radius: 10px 0 0 0; border-radius: var(--center-pane-border-radius) 0 0 0;
padding-top: 30px; padding-top: 30px;
background: var(--main-background-color); background: var(--main-background-color);
} }