gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-22 07:14:24 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Tweak the classic formatting toolbar (#8123)

Browse Source
This commit is contained in:
Adorian Doran 2025-12-20 15:33:17 +02:00 committed by GitHub
commit 4f20ffe933
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -170,6 +170,9 @@
--protected-session-active-icon-color: #8edd8e; --protected-session-active-icon-color: #8edd8e;
--sync-status-error-pulse-color: #f47871; --sync-status-error-pulse-color: #f47871;
--classic-toolbar-vert-layout-background-color: var(--main-background-color);
--classic-toolbar-horiz-layout-background-color: var(--main-background-color);
--center-pane-vert-layout-background-color-bgfx: #0c0c0c69; --center-pane-vert-layout-background-color-bgfx: #0c0c0c69;
--center-pane-horiz-layout-background-color-bgfx: #1e1e1ec7; --center-pane-horiz-layout-background-color-bgfx: #1e1e1ec7;

3
apps/client/src/stylesheets/theme-next-light.css
View File

@ -162,6 +162,9 @@
--protected-session-active-icon-color: #16b516; --protected-session-active-icon-color: #16b516;
--sync-status-error-pulse-color: #ff5528; --sync-status-error-pulse-color: #ff5528;
--classic-toolbar-vert-layout-background-color: var(--main-background-color);
--classic-toolbar-horiz-layout-background-color: var(--main-background-color);
--center-pane-vert-layout-background-color-bgfx: #ffffff75; --center-pane-vert-layout-background-color-bgfx: #ffffff75;
--center-pane-horiz-layout-background-color-bgfx: #ffffffd6; --center-pane-horiz-layout-background-color-bgfx: #ffffffd6;

2
apps/client/src/stylesheets/theme-next/base.css
View File

@ -50,7 +50,7 @@
--tab-bar-height: 50px; --tab-bar-height: 50px;
--tab-height: 36px; --tab-height: 36px;
--tab-first-item-horiz-offset: 1px; --tab-first-item-horiz-offset: 0;
--new-tab-button-size: 24px; --new-tab-button-size: 24px;
--center-pane-border-radius: 10px; --center-pane-border-radius: 10px;

29
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -1029,7 +1029,7 @@ body.layout-vertical.electron.platform-darwin .tab-row-container {
} }
body.layout-horizontal .tab-row-container { body.layout-horizontal .tab-row-container {
padding-top: calc((var(--tab-bar-height) - var(--tab-height))); padding-top: calc(var(--tab-bar-height) - var(--tab-height));
} }
/* Define extra drag areas for Electron windows */ /* Define extra drag areas for Electron windows */
@ -1069,8 +1069,9 @@ body.desktop:not(.background-effects.platform-win32) #root-widget.horizontal-lay
border-bottom-color: transparent; border-bottom-color: transparent;
} }
.tab-row-widget .note-tab .note-tab-wrapper { :root div.tab-row-widget div.note-tab div.note-tab-wrapper {
height: var(--tab-height) !important; height: var(--tab-height) !important;
border-radius: 8px;
transition: transition:
background 75ms ease-in, background 75ms ease-in,
box-shadow 75ms ease-in; box-shadow 75ms ease-in;
@ -1221,13 +1222,35 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
top: 0; top: 0;
} }
/*
* CLASSIC FORMATTING TOOLBAR
*/
#rest-pane > .classic-toolbar-widget {
margin-bottom: 2px;
border-start-start-radius: var(--center-pane-border-radius);
}
body.layout-vertical #rest-pane > .classic-toolbar-widget {
background: var(--classic-toolbar-vert-layout-background-color);
}
body.layout-horizontal #rest-pane > .classic-toolbar-widget {
background: var(--classic-toolbar-horiz-layout-background-color);
}
.classic-toolbar-widget:not(.hidden-ext) + #vertical-main-container {
/* Remove the center panel border radius when the toolbar is visible */
--center-pane-border-radius: 0;
}
/* /*
* CENTER PANE * CENTER PANE
*/ */
/* The first visible note split */ /* The first visible note split */
.vertical-layout #center-pane .note-split:not(.visible ~ .visible) { .vertical-layout #center-pane .note-split:not(.visible ~ .visible) {
border-radius: var(--center-pane-border-radius) 0 0 0; border-start-start-radius: var(--center-pane-border-radius);
} }
#center-pane .note-split { #center-pane .note-split {