Bug 895270 - only show black boxing checkboxes on hover; r=vporof
authorNick Fitzgerald <fitzgen@gmail.com>
Wed, 24 Jul 2013 17:50:07 -0700
changeset 152245 5899a4649b35c36d99e47e246c907f5951948dcf
parent 152244 00b996131f8cfacdb2c9ecae5db0b21e7df11400
child 152246 e1cd5c1fda4584dc2c4562609ddb447450c5e28d
push id2859
push userakeybl@mozilla.com
push dateMon, 16 Sep 2013 19:14:59 +0000
treeherdermozilla-beta@87d3c51cd2bf [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs895270
milestone25.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 895270 - only show black boxing checkboxes on hover; r=vporof
browser/themes/linux/devtools/debugger.css
browser/themes/osx/devtools/debugger.css
browser/themes/windows/devtools/debugger.css
--- a/browser/themes/linux/devtools/debugger.css
+++ b/browser/themes/linux/devtools/debugger.css
@@ -16,16 +16,27 @@
 #sources-pane + .devtools-side-splitter {
   -moz-border-start-color: transparent;
 }
 
 .side-menu-widget-item-checkbox {
  -moz-appearance: none;
   padding: 0;
   margin: 0 -4px 0 4px;
+  opacity: 0;
+  transition: opacity .25s ease 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+  opacity: 1;
+  transition: opacity .25s ease 0s;
 }
 
 .side-menu-widget-item-checkbox > .checkbox-check {
   -moz-appearance: none;
   background: none;
   background-image: url(itemToggle.png);
   background-repeat: no-repeat;
   background-clip: content-box;
--- a/browser/themes/osx/devtools/debugger.css
+++ b/browser/themes/osx/devtools/debugger.css
@@ -18,16 +18,27 @@
 #sources-pane + .devtools-side-splitter {
   -moz-border-start-color: transparent;
 }
 
 .side-menu-widget-item-checkbox {
  -moz-appearance: none;
   padding: 0;
   margin: 0 -4px 0 4px;
+  opacity: 0;
+  transition: opacity .25s ease-out 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+  opacity: 1;
+  transition: opacity .25s ease-out 0s;
 }
 
 .side-menu-widget-item-checkbox > .checkbox-check {
   -moz-appearance: none;
   background: none;
   background-image: url(itemToggle.png);
   background-repeat: no-repeat;
   background-clip: content-box;
--- a/browser/themes/windows/devtools/debugger.css
+++ b/browser/themes/windows/devtools/debugger.css
@@ -16,16 +16,27 @@
 #sources-pane + .devtools-side-splitter {
   -moz-border-start-color: transparent;
 }
 
 .side-menu-widget-item-checkbox {
  -moz-appearance: none;
   padding: 0;
   margin: 0 -4px 0 4px;
+  opacity: 0;
+  transition: opacity .25s ease 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+  opacity: 1;
+  transition: opacity .25s ease-out 0s;
 }
 
 .side-menu-widget-item-checkbox > .checkbox-check {
   -moz-appearance: none;
   background: none;
   background-image: url(itemToggle.png);
   background-repeat: no-repeat;
   background-clip: content-box;