Bug 688581 - Tweak "New Tab" button in landscape tablet mode [r=lucasr]
authorMatt Brubeck <mbrubeck@mozilla.com>
Fri, 23 Sep 2011 10:21:01 -0700
changeset 77426 2b412df0df6bc5238b6451323095f8d311b450a7
parent 77425 df408aabbd905182deb873e10b2737db06e54ff4
child 77427 6723975148ada5e131dcde33b8ed59c1d24aa50b
push id3
push userfelipc@gmail.com
push dateFri, 30 Sep 2011 20:09:13 +0000
reviewerslucasr
bugs688581
milestone9.0a1
Bug 688581 - Tweak "New Tab" button in landscape tablet mode [r=lucasr]
mobile/chrome/content/browser.xul
mobile/themes/core/honeycomb/browser.css
mobile/themes/core/tablet.css
--- a/mobile/chrome/content/browser.xul
+++ b/mobile/chrome/content/browser.xul
@@ -203,17 +203,17 @@
         <!-- Left toolbar -->
         <vbox id="tabs-container" class="panel-dark" flex="1" observes="bcast_urlbarState">
           <vbox id="tabs" flex="1" observes="bcast_urlbarState"
                 onselect="BrowserUI.selectTab(this);"
                 onreloadtab="BrowserUI.undoCloseTab()"
                 onclosetab="BrowserUI.closeTab(this)"
                 onclosereloadtab="this._container.removeTab(this)"/>
           <hbox id="tabs-controls">
-            <toolbarbutton id="newtab-button" class="button-control" command="cmd_newTab" observes="bcast_urlbarState"/>
+            <toolbarbutton id="newtab-button" class="button-control" command="cmd_newTab" label="&newtab.label;" observes="bcast_urlbarState" crop="end"/>
           </hbox>
         </vbox>
       </vbox>
 
       <!-- Page Area -->
       <stack id="page-stack" observes="bcast_urlbarState">
         <scrollbox id="page-scrollbox">
           <vbox>
--- a/mobile/themes/core/honeycomb/browser.css
+++ b/mobile/themes/core/honeycomb/browser.css
@@ -321,28 +321,22 @@ toolbarbutton.urlbar-button {
   -moz-border-start: @border_width_large@ solid #262629;
   min-width: @sidebar_width_minimum@ !important;
   background: @color_toolbar_background@;
 }
 
 .button-control {
   padding: 0 !important;
   min-width: @sidebar_width_minimum@ !important;
-  border-top: @border_width_tiny@ solid @color_divider_border@ !important;
-  border-bottom: @border_width_tiny@ solid @color_divider_border@ !important;
   background-color: transparent !important;
   -moz-box-align: center;
   -moz-box-pack: center;
   height: @sidebar_button_height@;
 }
 
-.button-control:last-child {
-  border-bottom: 0 solid @color_divider_border@ !important;
-}
-
 .button-control[disabled="true"] {
   opacity: 0.5;
 }
 
 .button-control:not([disabled="true"]):hover:active {
   background-color: @color_background_active@ !important;
   border-top: none;
 }
--- a/mobile/themes/core/tablet.css
+++ b/mobile/themes/core/tablet.css
@@ -116,16 +116,27 @@ documenttab[selected="true"] > vbox > st
   text-align: center;
   display: -moz-box;
 }
 
 #newtab-button[tablet] {
   list-style-image: url("images/newtab-default-tablet-hdpi.png");
 }
 
+#newtab-button[tablet] > .toolbarbutton-icon {
+  -moz-padding-start: 1em;
+}
+
+#newtab-button[tablet] > .toolbarbutton-text {
+  -moz-padding-start: 0.5em;
+  color: white;
+  display: -moz-initial;
+  text-align: start;
+}
+
 #controls-scrollbox[tablet]:not([tablet_sidebar]) > #tabs-sidebar {
   visibility: collapse;
 }
 
 @media (@orientation@: portrait) {
   #toolbar-main[tablet][tablet_sidebar] > #tool-tabs {
     visibility: visible;
   }