fix: scope disabled-state CSS to also cover the native extra-setting-button

The is-disabled CSS I added only targeted .cmdr-slider .clickable-icon,
which is the wrapper class used by the custom Preact SliderComponent
(General tab). The Advanced Toolbar tab's three sliders go through
Obsidian's native Setting/ExtraButtonComponent API instead, which
renders the reset icon as a plain .extra-setting-button - a different
element entirely, not covered by that selector. Added a matching rule
scoped to a new cmdr-advanced-toolbar-settings wrapper class on that
tab's container.
This commit is contained in:
johnny1093 2026-07-11 10:39:03 -04:00
parent a5600d9565
commit 93d1879aff
2 changed files with 11 additions and 1 deletions

View file

@ -55,6 +55,12 @@
pointer-events: none;
}
.cmdr-advanced-toolbar-settings .extra-setting-button.is-disabled {
opacity: 0.35;
cursor: default;
pointer-events: none;
}
.cmdr-menu-more-options {
color: var(--text-muted);
position: absolute;

View file

@ -297,7 +297,11 @@ export default function AdvancedToolbarSettings({
</button>
)}
</div>
<div ref={ref} style={{ paddingBottom: "128px" }} />
<div
ref={ref}
className="cmdr-advanced-toolbar-settings"
style={{ paddingBottom: "128px" }}
/>
</Fragment>
);
}