Bug 699002 - Use a xul:checkbox for "Only user styles" option. r=rcampbell
authorDão Gottwald <dao@mozilla.com>
Mon, 07 Nov 2011 16:25:08 +0100
changeset 79894 900478e42d35a254c7fa4752872672b0612deaee
parent 79893 713b37515573ef528aaeb0e69370cff0f5319665
child 79895 110ccc3eb353e62d42843389ceb766f3cda4d4d5
push id21438
push userrcampbell@mozilla.com
push dateMon, 07 Nov 2011 22:49:43 +0000
treeherdermozilla-central@77622fd9c783 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrcampbell
bugs699002
milestone10.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 699002 - Use a xul:checkbox for "Only user styles" option. r=rcampbell
browser/devtools/styleinspector/csshtmltree.xul
browser/themes/gnomestripe/browser/devtools/csshtmltree.css
browser/themes/pinstripe/browser/devtools/csshtmltree.css
browser/themes/winstripe/browser/devtools/csshtmltree.css
--- a/browser/devtools/styleinspector/csshtmltree.xul
+++ b/browser/devtools/styleinspector/csshtmltree.xul
@@ -85,24 +85,22 @@
 To visually debug the templates without running firefox, alter the display:none
 -->
 <div style="display:none;">
   <!--
   templateRoot sits at the top of the window and contains the "include default
   styles" checkbox. For data it needs an instance of CssHtmlTree.
   -->
   <div id="templateRoot">
-    <xul:hbox class="headerControls" flex="1">
-      <label class="userStylesLabel">
-        <input class="onlyuserstyles" save="${onlyUserStylesCheckbox}"
-               type="checkbox" onchange="${onlyUserStylesChanged}" checked=""/>
-        &userStylesLabel;
-      </label>
+    <xul:hbox class="headerControls" flex="1" align="center">
+      <xul:checkbox class="onlyuserstyles" save="${onlyUserStylesCheckbox}"
+                    oncommand="${onlyUserStylesChanged}" checked="true"
+                    label="&userStylesLabel;"/>
       <xul:textbox class="searchfield" type="search" save="${searchField}"
-                   placeholder="&userStylesSearch;"
+                   placeholder="&userStylesSearch;" flex="1"
                    oncommand="${filterChanged}"/>
     </xul:hbox>
   </div>
 
   <!--
   templatePath sits just below the top of the window showing what we're looking
   at. For data it needs an instance of CssHtmlTree.
   -->
--- a/browser/themes/gnomestripe/browser/devtools/csshtmltree.css
+++ b/browser/themes/gnomestripe/browser/devtools/csshtmltree.css
@@ -219,37 +219,23 @@
 }
 
 .headerControls {
   color: -moz-dialogtext;
   background-color: -moz-dialog;
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
+.onlyuserstyles {
   cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
-.onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {
   -moz-margin-start: 12px;
 }
 
 #footer {
   border-top: 1px solid -moz-dialog;
--- a/browser/themes/pinstripe/browser/devtools/csshtmltree.css
+++ b/browser/themes/pinstripe/browser/devtools/csshtmltree.css
@@ -221,37 +221,23 @@
 }
 
 .headerControls {
   color: -moz-dialogtext;
   background-color: -moz-dialog;
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
+.onlyuserstyles {
   cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
-.onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {
   -moz-margin-start: 12px;
 }
 
 #footer {
   border-top: 1px solid -moz-dialog;
--- a/browser/themes/winstripe/browser/devtools/csshtmltree.css
+++ b/browser/themes/winstripe/browser/devtools/csshtmltree.css
@@ -221,37 +221,23 @@
 }
 
 .headerControls {
   color: -moz-dialogtext;
   background-color: -moz-dialog;
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
+.onlyuserstyles {
   cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
-.onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {
   -moz-margin-start: 12px;
 }
 
 #footer {
   border-top: 1px solid -moz-dialog;