first part of syncing LCARStrek with Firefox 45-48 devtools theme changes

[themes.git] / LCARStrek / devtools / widgets.css

diff --git a/LCARStrek/devtools/widgets.css b/LCARStrek/devtools/widgets.css
index 39ac4797eaae26ee723c3789ea0ceb32b6c4a6e1..0647496f1d18ac50818dd81f9a7a08d40fbd2e04 100644 (file)
--- a/LCARStrek/devtools/widgets.css
+++ b/LCARStrek/devtools/widgets.css
@@ -685,38 +685,45 @@
 }
 
 /* Variables and properties editing */
 }
 
 /* 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;
   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 {
 }
 
 .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) {
 }
 
 @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 {
 .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 */
 }
 
 /* Variables and properties input boxes */