style/quick edit dialog: refactor

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

View File

@ -425,7 +425,7 @@ div.tn-tool-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-border-color: hsl(var(--custom-color-hue), 33%, 41%);
--promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%);

View File

@ -128,7 +128,7 @@ export default class PopupEditorDialog extends Container<BasicWidget> {
const customHue = getComputedStyle(wrapperElement).getPropertyValue("--custom-color-hue");
if (customHue) {
/* 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;