diff --git a/popup/popup.css b/popup/popup.css index 3d6b90c5..8a71df93 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -154,6 +154,10 @@ body:not(.disabled) .toggle-all-on { display: none; } +svg.svg-icon.toggle-all-on { + margin-top: 4px; +} + #popup-write-style-icon { display: inline-flex; } @@ -212,6 +216,10 @@ body:not(.disabled) .toggle-all-on { fill: var(--black); } +.iconUI #popup-manage-button:hover .svg-icon { + stroke: var(--black); +} + #popup-confirm-icon { cursor: pointer; margin: -5px 0; @@ -292,7 +300,8 @@ a[target="_blank"] .svg-icon.config { } #find-styles-inline-group, -#find-inline-icon { +#find-inline-icon, +#find-external-icon { display: inline-flex; height: min-content; } @@ -403,7 +412,7 @@ a:hover .svg-icon.toggled-off path:nth-child(3) { } .iconUI #disable-all-wrapper { - padding: 0; + padding: 0 5px 0 0; } .iconUI button { diff --git a/popup/popup.js b/popup/popup.js index 6d5ad757..22fe6d9f 100644 --- a/popup/popup.js +++ b/popup/popup.js @@ -93,6 +93,10 @@ function initPopup() { document.body.classList.toggle('disabled', this.checked); }; + $('#disable-all-icon').onclick = () => { + $('#disableAll').click(); + }; + setupLivePrefs(); Object.assign($('#popup-manage-button'), {