gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 07:38:53 +02:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style/canvas: fix arrowheads picker being improperly positioned

Browse Source
This commit is contained in:
Adorian Doran 2025-10-17 16:42:19 +03:00
parent 0dd8be1599
commit bf53744609
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -188,12 +188,29 @@ body[dir=rtl] .excalidraw .Island.App-menu__left {
:root .App-menu__left > .panelColumn > fieldset, :root .App-menu__left > .panelColumn > fieldset,
:root .App-menu__left > .panelColumn > label, :root .App-menu__left > .panelColumn > label,
:root .App-menu__left > .panelColumn > div:has(> *) { :root .App-menu__left > .panelColumn > div:has(> *) {
position: relative;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 4px;
box-shadow: 1px 1px 1px var(--floating-button-shadow-color); box-shadow: 1px 1px 1px var(--floating-button-shadow-color);
background: var(--floating-button-background-color); background: var(--floating-button-background-color);
padding: 8px 12px; padding: 8px 12px;
}
:root .App-menu__left > .panelColumn > fieldset::before,
:root .App-menu__left > .panelColumn > label::before,
:root .App-menu__left > .panelColumn > div:has(> *)::before {
/* backdrop: blur() creates a new stacking context that prevents some popovers like the
* arrowheads picker from being positioned correctly. To workaround this, the backdrop blur
* effect is applyed using a pseudo-element instead. */
display: block;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(10px) saturate(6); backdrop-filter: blur(10px) saturate(6);
z-index: -1;
} }
/* Options panel card title */ /* Options panel card title */