gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-19 22:58:52 +02:00
Code Issues Actions 119 Packages Projects Releases Wiki Activity

style/canvas: restyle the options panel

Browse Source
This commit is contained in:
Adorian Doran 2025-10-15 06:53:35 +03:00
parent e6a88ddb04
commit c9ae1445a4
1 changed files with 39 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
apps/client/src/stylesheets/theme-next/notes/canvas.css
View File

@ -25,7 +25,7 @@
} }
.excalidraw .Island, .excalidraw .Island:not(.App-menu__left),
.excalidraw .zoom-actions, .excalidraw .zoom-actions,
.undo-redo-buttons { .undo-redo-buttons {
box-shadow: 1px 1px 1px var(--floating-button-shadow-color); box-shadow: 1px 1px 1px var(--floating-button-shadow-color);
@ -49,10 +49,48 @@
/* Options panel */ /* Options panel */
.excalidraw .Island.App-menu__left {
box-shadow: none;
background: transparent;
backdrop-filter: none;
width: 13.2em;
}
body[dir=ltr] .excalidraw .Island.App-menu__left { body[dir=ltr] .excalidraw .Island.App-menu__left {
right: 0; right: 0;
} }
body[dir=rtl] .excalidraw .Island.App-menu__left { body[dir=rtl] .excalidraw .Island.App-menu__left {
left: 0; left: 0;
}
:root .App-menu__left > .panelColumn {
row-gap: 5px;
}
/* Options panel card */
:root .App-menu__left > .panelColumn > fieldset,
:root .App-menu__left > .panelColumn > label,
:root .App-menu__left > .panelColumn > div:has(> *) {
margin: 0;
border-radius: 4px;
box-shadow: 1px 1px 1px var(--floating-button-shadow-color);
background: var(--floating-button-background-color);
padding: 8px 12px;
backdrop-filter: blur(10px) saturate(6);
}
/* Options panel card title */
:root .App-menu__left fieldset > legend,
:root .App-menu__left div > h3,
:root .App-menu__left > .panelColumn > label {
text-transform: uppercase;
font-size: .65rem;
letter-spacing: 1pt;
color: var(--muted-text-color);
}
/* Options panel button bar */
:root .excalidraw .App-menu__left .buttonList {
padding: 0;
} }