#30 - Simplified the selectors of whitelisting icon and added double …

…active state
Privacy-Managers · Jan 6, 2019 · de41869 · de41869
1 parent 7202736
commit de41869
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 12 deletions.
diff --git a/src/css/img/check-mark-active.svg b/src/css/img/check-mark-active.svg
diff --git a/src/css/img/check-mark-circle.svg b/src/css/img/check-mark-circle.svg
diff --git a/src/css/img/check-mark-double-active.svg b/src/css/img/check-mark-double-active.svg
diff --git a/src/css/img/check-mark-filled.svg b/src/css/img/check-mark-filled.svg
diff --git a/src/css/img/check-mark.svg b/src/css/img/check-mark.svg
diff --git a/src/css/main.css b/src/css/main.css
@@ -487,6 +487,7 @@ button.icon
   border: none;
   width: 20px;
   padding: 0px;
+  cursor: default;
 }
 
 button.icon:after
@@ -523,20 +524,24 @@ button.icon.edit:hover:after
   background-image: url(/css/img/edit-hover.svg);
 }
 
-.tableList > li > div button.icon.whitelist::after,
-.tableList li > ul li > div button.icon.whitelist::after
+button.icon.whitelist:after
 {
-  background-image: url(/css/img/check-mark-circle.svg);
-  background-size: 100%;
-  background-repeat: no-repeat;
+  background-image: url(/css/img/check-mark.svg);
 }
 
-.tableList > li[data-whitelist="true"] > div button.icon.whitelist::after,
-.tableList li > ul li[data-whitelist="true"] > div button.icon.whitelist::after
+button.icon.whitelist:hover:after
 {
-  background-image: url(/css/img/check-mark-filled.svg);
-  background-size: 100%;
-  background-repeat: no-repeat;
+  opacity: .8;
+}
+
+[data-whitelist="true"] button.icon.whitelist:after
+{
+  background-image: url(/css/img/check-mark-active.svg);
+}
+
+[data-whitelist="true"] [data-whitelist="true"] button.icon.whitelist:after
+{
+  background-image: url(/css/img/check-mark-double-active.svg);
 }
 
 /* CONTROLS */