Bug 881995 - Snapped view Alignment for Bookmarks an Recent History is off and tiles are cut off
authorRodrigo Silveira <rsilveira@mozilla.com>
Wed, 07 Aug 2013 13:11:44 -0700
changeset 155647 d1140bb49990d9b7496004491539d82c1b85393a
parent 155646 9c17e6d4739d0f3ac7aba45e4bfbaa800d5abc74
child 155648 98eea46a58d3e9532660dff5c6f63fb4ac9485af
push id407
push userlsblakk@mozilla.com
push dateTue, 03 Dec 2013 03:32:50 +0000
treeherdermozilla-release@babf8c9ebc52 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs881995
milestone26.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 881995 - Snapped view Alignment for Bookmarks an Recent History is off and tiles are cut off
browser/metro/base/content/browser.xul
browser/metro/theme/browser.css
browser/metro/theme/platform.css
browser/metro/theme/tiles.css
--- a/browser/metro/base/content/browser.xul
+++ b/browser/metro/base/content/browser.xul
@@ -223,20 +223,17 @@
             <vbox id="start-remotetabs" class="meta-section">
               <label class="meta-section-title wide-title" value="&remoteTabsHeader.label;"/>
               <html:div id="snappedRemoteTabsLabel" class="meta-section-title narrow-title" onclick="StartUI.onNarrowTitleClick('start-remotetabs')">
                 &narrowRemoteTabsHeader.label;
               </html:div>
               <richgrid id="start-remotetabs-grid" set-name="remoteTabs" seltype="multiple" flex="1"/>
             </vbox>
 
-            <!-- Spacer to take extra space in snapped mode. -->
-            <spacer flex="999"/>
           </scrollbox>
-
         </hbox>
       </vbox> <!-- end tray -->
 
       <!-- Content viewport -->
       <stack id="content-viewport">
         <deck id="browsers" flex="1" observes="bcast_preciseInput"/>
         <box id="vertical-scroller" class="scroller" orient="vertical" end="0" top="0"/>
         <box id="horizontal-scroller" class="scroller" orient="horizontal" left="0" bottom="0"/>
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -229,27 +229,28 @@ documenttab[selected] .documenttab-selec
 #start-container[viewstate="snapped"] #start-scrollbox {
   -moz-box-orient: vertical;
 }
 
 /*Formatting for the limited horizontal space of snapped*/
 #start-autocomplete[viewstate="snapped"] .richgrid-item-content {
   -moz-box-orient: horizontal;
 }
+
 #start-container,
 #start-autocomplete {
   padding-left: 0;
   padding-right: 0;
 }
+
 #start-container[viewstate="snapped"] #start-scrollbox > .meta-section {
-  margin: 0;
+  margin: 0 @metro_spacing_xnormal@;
   min-width: @grid_double_column_width@;
-  -moz-box-flex: 1;
-  -moz-box-align: center;
 }
+
 #start-container[viewstate="snapped"] richgrid {
   visibility: collapse;
 }
 
 #start-container[viewstate="snapped"] .meta-section[expanded] > richgrid {
   visibility: visible;
 }
 
--- a/browser/metro/theme/platform.css
+++ b/browser/metro/theme/platform.css
@@ -576,16 +576,26 @@ arrowbox {
 
 .meta-section-title {
   font-size: @metro_font_large@;
   font-weight: 100;
   display: none;
   cursor: default;
 }
 
+#start-container[viewstate="snapped"] {
+  padding-top: 0;
+}
+
+#start-container[viewstate="snapped"] .meta-section-title,
+#start-container[viewstate="snapped"] richgrid {
+  margin-top: @metro_spacing_xnormal@;
+  padding: 0;
+}
+
 #start-container[viewstate="snapped"] .meta-section-title.narrow-title,
 #start-container:not([viewstate="snapped"]) .meta-section-title.wide-title {
   display: block;
 }
 
 .meta-section:not([expanded]) > .meta-section-title.narrow-title:-moz-locale-dir(ltr):after {
   content: ">";
 }
--- a/browser/metro/theme/tiles.css
+++ b/browser/metro/theme/tiles.css
@@ -277,9 +277,18 @@ richgriditem[bending] > .tile-content {
     background: #fff;
     padding: 8px;
   }
   .tile-icon-box {
     padding: 2px;
     background: #fff;
     opacity: 1.0;
   }
+
+  .tile-content {
+    left: 0;
+    right: 0;
+  }
+
+  richgriditem {
+    width: auto;
+  }
 }