-
-
+
+
diff --git a/popup/popup.css b/popup/popup.css
index ff685797..3d6b90c5 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -196,26 +196,20 @@ body:not(.disabled) .toggle-all-on {
opacity: 1 !important;
}
-#popup-manage-icon,
-#popup-options-icon,
-#popup-wiki-icon,
-#disable-all-icon,
-#popup-confirm-icon {
+.iconUI button {
+ cursor: pointer;
+}
+
+.iconUI button .svg-icon {
display: inline-flex;
- height: 30px;
- width: 30px;
+ height: 20px;
+ width: 20px;
align-items: center;
justify-content: center;
}
-#popup-wiki-icon .svg-icon,
-#find-styles-icon .svg-icon {
- height: 20px;
- width: 20px;
-}
-
-#find-inline-icon {
- display: inline-flex;
+.iconUI button:hover .svg-icon {
+ fill: var(--black);
}
#popup-confirm-icon {
@@ -223,12 +217,6 @@ body:not(.disabled) .toggle-all-on {
margin: -5px 0;
}
-#popup-options-icon .svg-icon,
-#popup-confirm-icon .svg-icon {
- height: 18px;
- width: 18px;
-}
-
#disable-all-icon .svg-icon {
height: 20px;
width: 20px;
@@ -270,6 +258,8 @@ a[target="_blank"] .svg-icon.config {
#find-styles-link,
#write-style-for {
font-size: 0;
+ display: inline-flex;
+ align-items: center;
}
#write-style-wrapper {
@@ -416,6 +406,15 @@ a:hover .svg-icon.toggled-off path:nth-child(3) {
padding: 0;
}
+.iconUI button {
+ border: 0;
+ background: none;
+}
+.iconUI button:hover {
+ background: none;
+
+}
+
body.disabled .style-name {
text-decoration: line-through;
}
diff --git a/popup/popup.js b/popup/popup.js
index 221afa91..6d5ad757 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -93,14 +93,6 @@ function initPopup() {
document.body.classList.toggle('disabled', this.checked);
};
- $('#disable-all-icon').onclick = () => {
- $('#disableAll').click();
- };
-
- $('#find-styles-icon').onclick = () => {
- $('#find-styles-link').click();
- };
-
setupLivePrefs();
Object.assign($('#popup-manage-button'), {
@@ -109,12 +101,6 @@ function initPopup() {
oncontextmenu: handleEvent.openManager,
});
- Object.assign($('#popup-manage-icon'), {
- onclick: handleEvent.openManager,
- onmouseup: handleEvent.openManager,
- oncontextmenu: handleEvent.openManager,
- });
-
$('#find-external-icon').onclick = event => {
event.preventDefault();
$('input.toggle-inline').click()
@@ -130,16 +116,8 @@ function initPopup() {
window.close();
};
- $('#popup-options-icon').onclick = event => {
- event.preventDefault();
- chrome.runtime.openOptionsPage();
- window.close();
- };
-
$('#popup-wiki-button').onclick = handleEvent.openURLandHide;
- $('#popup-wiki-icon').onclick = handleEvent.openURLandHide;
-
if (!tabURL) {
document.body.classList.add('blocked');
document.body.insertBefore(template.unavailableInfo, document.body.firstChild);