Bug 1262839 - instead of centering all the viewports, they align to the top now - Remove extra #root rules no longer need, r=gl
author"Helen V. Holmes" <helen.v.holmes@gmail.com>
Mon, 25 Apr 2016 09:45:00 +0200
changeset 294907 098bf703f8ba54cd7f5525ffbd290c82fbf909dc
parent 294906 fb7111ef84f70cfba9ad445fd9fa492780401a31
child 294908 e51ba816be5f43ce0cfd0d204247473122c9951f
push id30214
push userkwierso@gmail.com
push dateTue, 26 Apr 2016 21:17:19 +0000
treeherdermozilla-central@6a441b2b2997 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1262839
milestone49.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 1262839 - instead of centering all the viewports, they align to the top now - Remove extra #root rules no longer need, r=gl
devtools/client/responsive.html/index.css
--- a/devtools/client/responsive.html/index.css
+++ b/devtools/client/responsive.html/index.css
@@ -27,31 +27,24 @@
 
 * {
   box-sizing: border-box;
 }
 
 #root,
 html, body {
   margin: 0;
-  height: 100%;
-}
-
-#root {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
 }
 
 #app {
   /* Center the viewports container */
   display: flex;
-  justify-content: center;
   align-items: center;
   flex-direction: column;
+  height: 100vh;
 
   /* Snap to the top of the app when there isn't enough vertical space anymore
      to center the viewports (so we don't lose the global toolbar) */
   position: sticky;
   top: 0;
 }
 
 /**
@@ -80,17 +73,17 @@ html, body {
 /**
  * Global Toolbar
  */
 
 #global-toolbar {
   color: var(--theme-body-color-alt);
   border-radius: 2px;
   box-shadow: var(--rdm-box-shadow);
-  margin: 30px 0;
+  margin: 10% 0 30px 0;
   padding: 4px 5px;
   display: inline-flex;
   -moz-user-select: none;
 }
 
 #global-toolbar > .title {
   border-right: 1px solid var(--theme-splitter-color);
   padding: 1px 6px 0 2px;