Bug 1596047 - Remove new RDM CSS that's now obsolete. r=mtigley
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 13 Nov 2019 23:26:34 +0000
changeset 501855 c1e1c746483aa371d4be24951562ba1184fec370
parent 501854 1fb9356c0a94cc9af715fd0ffd9fc21796029628
child 501856 fd2d5ef280f4501b8fe79c66f9011d6a73a10115
push id114172
push userdluca@mozilla.com
push dateTue, 19 Nov 2019 11:31:10 +0000
treeherdermozilla-inbound@b5c5ba07d3db [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmtigley
bugs1596047
milestone72.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 1596047 - Remove new RDM CSS that's now obsolete. r=mtigley Differential Revision: https://phabricator.services.mozilla.com/D52895
devtools/client/responsive/responsive-browser.css
--- a/devtools/client/responsive/responsive-browser.css
+++ b/devtools/client/responsive/responsive-browser.css
@@ -1,13 +1,13 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
- #appcontent[devtoolstheme="light"] {
+#appcontent[devtoolstheme="light"] {
   --rdm-browser-container-background: #F5F5F6;
   --rdm-browser-box-shadow: 0 4px 4px 0 rgba(155, 155, 155, 0.26);
 }
 
 #appcontent[devtoolstheme="dark"] {
   --rdm-browser-container-background: #18181a; /* This should map to --theme-toolbar-background. */
   --rdm-browser-box-shadow: 0 4px 4px 0 rgba(105, 105, 105, 0.26);
 }
@@ -20,46 +20,42 @@
   border: none;
   position: absolute;
   width: 100%;
   height: 30px;
 }
 
 .browserContainer.responsive-mode .browserStack.device-modal-opened > .rdm-toolbar {
   height: 100%;
+  z-index: 1;
 }
 
 .browserContainer.responsive-mode > .browserStack {
   position: relative;
   min-height: 0;
   min-width: 0;
   overflow: auto;
-
-  /* This could go post https://bugzilla.mozilla.org/show_bug.cgi?id=1576946 */
-  display: grid;
+  justify-items: center;
 }
 
 .browserContainer.responsive-mode > .browserStack.device-modal-opened {
   overflow: hidden;
 }
 
 .browserContainer.responsive-mode > .browserStack > * {
-  justify-self: center;
-  /* This could go post https://bugzilla.mozilla.org/show_bug.cgi?id=1576946 */
-  grid-area: 1 / 1;
   height: var(--rdm-height);
   width: var(--rdm-width);
 }
 
 .browserContainer.responsive-mode > .browserStack > *:not(.rdm-toolbar) {
   margin-top: 65px;
 }
 
-.browserContainer.responsive-mode.left-aligned > .browserStack > * {
-  justify-self: left;
+.browserContainer.responsive-mode.left-aligned > .browserStack {
+  justify-items: left;
 }
 
 .browserContainer.responsive-mode.left-aligned > .browserStack > *:not(.rdm-toolbar) {
   margin-left: 15px;
 }
 
 .browserContainer.responsive-mode > .browserStack > browser {
   border: 1px solid var(--devtools-splitter-color);