Bug 936635 - Even up tabstrip scroll arrow spacing and fix scroff offset problem when toggling between precise/imprecise input. r=rsilveira a=lsblakk
authorSam Foster <sfoster@mozilla.com>
Thu, 12 Dec 2013 10:05:53 -0800
changeset 174402 de4a49ad1731c0e4c82bbbb0cf809922aebf8f8f
parent 174401 503d63c0d1988a87479d447b4951191c8d4b291e
child 174403 6886eaa42cac2b13d99ee549f275d506cb71d0c0
push id3224
push userlsblakk@mozilla.com
push dateTue, 04 Feb 2014 01:06:49 +0000
treeherdermozilla-beta@60c04d0987f1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrsilveira, lsblakk
bugs936635
milestone28.0a2
Bug 936635 - Even up tabstrip scroll arrow spacing and fix scroff offset problem when toggling between precise/imprecise input. r=rsilveira a=lsblakk
browser/metro/theme/browser.css
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -24,58 +24,64 @@
   transform: none;
 }
 
 /* Tabs -------------------------------------------------------------------- */
 
 #tabs-container {
   background: @panel_dark_color@ @panel_dark_background@;
   padding: 0;
-  -moz-padding-start: @metro_spacing_xnormal@;
+  -moz-padding-start: @metro_spacing_normal@;
   width: 100%;
 }
 
 #tabs {
-  -moz-padding-start: @metro_spacing_large@;
+  -moz-padding-start: 0;
 }
 
 #tabs .tabs-list {
   display: block;
   -moz-user-focus: ignore;
   padding: 0;
   background-color: transparent;
   margin: 0;
   overflow: auto;
 }
 
-#tabs > .tabs-scrollbox > .arrowscrollbox-scrollbox {
-  overflow: hidden;
+#tabs[input="precise"] > .tabs-scrollbox > .scrollbutton-up {
+  visibility: visible !important;
+}
+#tabs[input="imprecise"] > .tabs-scrollbox > .scrollbutton-up {
+  visibility: hidden !important;
+  pointer-events: none;
 }
 
-#tabs[input="imprecise"] > .tabs-scrollbox > .scrollbutton-up,
 #tabs[input="imprecise"] > .tabs-scrollbox > .scrollbutton-down {
   visibility: collapse !important;
 }
+
 #tabs > .tabs-scrollbox > .scrollbutton-up {
   list-style-image: url("images/tab-arrows.png") !important;
   -moz-image-region: rect(15px 58px 63px 14px) !important;
+  padding-right: 13px;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-up:hover {
   -moz-image-region: rect(14px 102px 62px 58px) !important;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-up:active {
   -moz-image-region: rect(14px 152px 62px 108px) !important;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-up[disabled] {
   -moz-image-region: rect(15px 196px 63px 152px) !important;
 }
 
 #tabs > .tabs-scrollbox > .scrollbutton-down {
   list-style-image: url("images/tab-arrows.png") !important;
   -moz-image-region: rect(73px 58px 121px 14px) !important;
+  padding-left: 16px;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-down:hover {
   -moz-image-region: rect(72px 102px 120px 58px) !important;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-down:active {
   -moz-image-region: rect(72px 152px 120px 108px) !important;
 }
 #tabs > .tabs-scrollbox > .scrollbutton-down[disabled] {
@@ -177,17 +183,17 @@ documenttab[selected] .documenttab-selec
   -moz-box-align: start;
   -moz-box-orient: vertical;
 }
 
 #newtab-button {
   list-style-image: url(chrome://browser/skin/images/newtab-default.png);
 
   /* Add some extra padding for a larger target */
-  padding: 18px 25px 30px;
+  padding: 18px 20px 30px 20px;
 }
 
 /* Start UI ----------------------------------------------------------------- */
 
 #content-viewport[startpage] browser {
   padding-bottom: @toolbar_height@;
 }