gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 08:29:00 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

style/quick edit dialog: refactor

Browse Source
This commit is contained in:
Adorian Doran 2025-10-23 10:48:04 +03:00
parent 535b960b76
commit b4dd40e128
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -425,7 +425,7 @@ div.tn-tool-dialog {
/* QUICK EDIT DIALOG */ /* QUICK EDIT DIALOG */
.quick-edit-dialog-wrapper.tinted-dialog { .tinted-quick-edit-dialog {
--modal-background-color: hsl(var(--custom-color-hue), 56%, 96%); --modal-background-color: hsl(var(--custom-color-hue), 56%, 96%);
--modal-border-color: hsl(var(--custom-color-hue), 33%, 41%); --modal-border-color: hsl(var(--custom-color-hue), 33%, 41%);
--promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%); --promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%);

2
apps/client/src/widgets/dialogs/popup_editor.ts
View File

@ -128,7 +128,7 @@ export default class PopupEditorDialog extends Container<BasicWidget> {
const customHue = getComputedStyle(wrapperElement).getPropertyValue("--custom-color-hue"); const customHue = getComputedStyle(wrapperElement).getPropertyValue("--custom-color-hue");
if (customHue) { if (customHue) {
/* Apply the tinted-dialog class only if the custom color CSS class specifies a hue */ /* Apply the tinted-dialog class only if the custom color CSS class specifies a hue */
wrapperElement.classList.add("tinted-dialog"); wrapperElement.classList.add("tinted-quick-edit-dialog");
} }
const activeEl = document.activeElement; const activeEl = document.activeElement;