Bug 896294 - Apply overflow scroll to options flyout when in input precise mode. r=tabraldes
authorJim Mathies <jmathies@mozilla.com>
Thu, 25 Jul 2013 19:25:13 -0500
changeset 152352 1cf7aa4b2626aa9228c857f6fd4b5de1bfec2aa7
parent 152351 3e669a5c499e066ecc823e6661c73524ea8fdae4
child 152353 062d97d84821700ed49bebf9c53e99da63775db6
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)
reviewerstabraldes
bugs896294
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 896294 - Apply overflow scroll to options flyout when in input precise mode. r=tabraldes
browser/metro/base/content/bindings/flyoutpanel.xml
browser/metro/theme/flyoutpanel.css
--- a/browser/metro/base/content/bindings/flyoutpanel.xml
+++ b/browser/metro/base/content/bindings/flyoutpanel.xml
@@ -12,17 +12,17 @@
     <content>
       <xul:vbox class="flyoutpanel-wrapper">
         <xul:hbox class="flyoutpanel-header" align="top">
           <xul:toolbarbutton class="flyout-close-button"
                              command="cmd_flyout_back"
                              xbl:inherits="command"/>
           <xul:label class="flyout-header-label" xbl:inherits="value=headertext"/>
         </xul:hbox>
-        <xul:scrollbox class="flyoutpanel-contents" flex="1" orient="vertical">
+        <xul:scrollbox class="flyoutpanel-contents" observes="bcast_preciseInput" flex="1" orient="vertical">
           <children/>
         </xul:scrollbox>
       </xul:vbox>
     </content>
 
     <implementation>
       <constructor>
         <![CDATA[
--- a/browser/metro/theme/flyoutpanel.css
+++ b/browser/metro/theme/flyoutpanel.css
@@ -62,16 +62,20 @@ flyoutpanel[visible] {
 .flyoutpanel-contents {
   border-width: 1px;
   -moz-border-start-style: solid;
   border-color: #c2c2c2;
   padding: 40px;
   width: 100%;
 }
 
+.flyoutpanel-contents[input="precise"] {
+  overflow: scroll;
+}
+
 .flyout-close-button {
   border: 0 none;
   -moz-appearance: none;
   list-style-image: url(chrome://browser/skin/images/flyout-back-button.png);
   -moz-image-region: rect(0 32px 32px 0);
 }
 
 .flyout-close-button:hover {