Make all toolbar toggle button icons gray when off

This commit is contained in:
nathan 2023-02-02 10:46:51 -07:00
parent 929bf866cd
commit 21599f6097
2 changed files with 6 additions and 2 deletions

View File

@ -646,6 +646,7 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
}, this); }, this);
if (isCheckbox) if (isCheckbox)
{ {
widget.classList.add('toolbar_toggle');
if (this.checkbox(action.id)) widget.classList.add('toolbar_toggled'+ (typeof action.toggledClass != 'undefined'?" "+action.toggledClass:'')); if (this.checkbox(action.id)) widget.classList.add('toolbar_toggled'+ (typeof action.toggledClass != 'undefined'?" "+action.toggledClass:''));
} }
widget.onclick = actionHandler; widget.onclick = actionHandler;

View File

@ -3004,8 +3004,11 @@ et2-button.transparent-button::part(container) {
} }
.et2_toolbar et2-button.toolbar_toggled::part(base), .et2_searchbox button.et2_button.toolbar_toggled { .et2_toolbar et2-button.toolbar_toggled::part(base), .et2_searchbox button.et2_button.toolbar_toggled {
background-color: lightgray; box-shadow: inset 1px 1px 1px 1px gray !important;
box-shadow: inset 1px 1px 1px 1px gray !important; }
.et2_toolbar et2-button.toolbar_toggle:not(.toolbar_toggled) img {
filter: brightness(0) contrast(0.3) opacity(0.7);
} }
.ui-toolbar-menulist et2-button.toolbar_toggled::part(base) { .ui-toolbar-menulist et2-button.toolbar_toggled::part(base) {