X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fwidgets.css;h=0647496f1d18ac50818dd81f9a7a08d40fbd2e04;hp=39ac4797eaae26ee723c3789ea0ceb32b6c4a6e1;hb=dadba0f24ba2459f70e098788b20b0e4ba96a7d2;hpb=7c1e433be6221f02302397a7d5bcf1e25b949a75

diff --git a/LCARStrek/devtools/widgets.css b/LCARStrek/devtools/widgets.css
index 39ac4797..0647496f 100644
--- a/LCARStrek/devtools/widgets.css
+++ b/LCARStrek/devtools/widgets.css
@@ -685,38 +685,45 @@
 }
 
 /* Variables and properties editing */
-
-.variables-view-delete {
-  background: url("chrome://devtools/skin/images/vview-delete.png");
-  background-size: cover;
+.variables-view-delete,
+.variables-view-edit,
+.variables-view-open-inspector {
   width: 16px;
   height: 16px;
+  background-size: cover;
+  cursor: pointer;
 }
 
-@media (min-resolution: 1.1dppx) {
-  .variables-view-delete {
-    background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
-  }
+.variables-view-delete:hover,
+.variables-view-edit:hover,
+.variables-view-open-inspector:hover {
+  filter: url(images/filters.svg#checked-icon-state);
 }
 
-.variables-view-delete:hover {
-  background-position: 32px;
+.variables-view-delete:active,
+.variables-view-edit:active,
+.variables-view-open-inspector:active {
+  filter: url(images/filters.svg#checked-icon-state);
 }
 
-.variables-view-delete:active {
-  background-position: 16px;
+.variable-or-property:focus > .title > .variables-view-delete,
+.variable-or-property:focus > .title > .variables-view-edit,
+.variable-or-property:focus > .title > .variables-view-open-inspector {
+  filter: none;
 }
 
-.variable-or-property:focus > .title > .variables-view-delete {
-/*  background-position: 0px; */
+.variables-view-delete {
+  background-image: url("chrome://devtools/skin/images/vview-delete.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+  .variables-view-delete {
+    background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
+  }
 }
 
 .variables-view-edit {
-  background: url("chrome://devtools/skin/images/vview-edit.png");
-  background-size: cover;
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
+  background-image: url("chrome://devtools/skin/images/vview-edit.png");
 }
 
 @media (min-resolution: 1.1dppx) {
@@ -725,36 +732,8 @@
   }
 }
 
-.variables-view-edit:hover {
-  background-position: 32px;
-}
-
-.variables-view-edit:active {
-  background-position: 16px;
-}
-
-.variable-or-property:focus > .title > .variables-view-edit {
-/*  background-position: 0px; */
-}
-
 .variables-view-open-inspector {
-  background: url("chrome://devtools/skin/images/vview-open-inspector.png");
-  background-size: cover;
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
-}
-
-.variables-view-open-inspector:hover {
-  background-position: 32px;
-}
-
-.variables-view-open-inspector:active {
-  background-position: 16px;
-}
-
-.variable-or-property:focus > .title > .variables-view-open-inspector {
-/*  background-position: 0px; */
+  background-image: url("chrome://devtools/skin/images/vview-open-inspector.png");
 }
 
 /* Variables and properties input boxes */