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);
if (isCheckbox)
{
widget.classList.add('toolbar_toggle');
if (this.checkbox(action.id)) widget.classList.add('toolbar_toggled'+ (typeof action.toggledClass != 'undefined'?" "+action.toggledClass:''));
}
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 {
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) {