Bug 1273974 - Remove the asymmetric margin from Add-on manager content. r=Gijs
authorRichard Marti <richard.marti@gmail.com>
Thu, 16 Jun 2016 19:29:22 +0200
changeset 302046 535a13bd2bf94fcc72d7e2432100fba85f7c322a
parent 302045 7410a15b0850545bf05b321ec71dd5b118760cf4
child 302047 530e96008b7e987c75ddbab59cabdc11f9bbabb9
push id78555
push usercbook@mozilla.com
push dateSat, 18 Jun 2016 03:36:56 +0000
treeherdermozilla-inbound@85825c55516f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1273974
milestone50.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 1273974 - Remove the asymmetric margin from Add-on manager content. r=Gijs
toolkit/themes/shared/extensions/extensions.inc.css
--- a/toolkit/themes/shared/extensions/extensions.inc.css
+++ b/toolkit/themes/shared/extensions/extensions.inc.css
@@ -1,28 +1,27 @@
 %if 0
 /* 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/. */
 %endif
 @import url("chrome://global/skin/in-content/common.css");
 
 .main-content {
-  padding-top: 0;
-  padding-inline-end: 0;
-  padding-bottom: 0;
+  padding: 0;
 }
 
 #nav-header {
   min-height: 39px;
   background-color: #424f5a;
 }
 
 .view-pane > .list > scrollbox {
-  padding-inline-end: 48px;
+  padding-right: 48px;
+  padding-left: 48px;
 }
 
 
 /*** global warnings ***/
 
 .global-warning-container {
   overflow-x: hidden;
 }
@@ -94,17 +93,18 @@
 .addon-view[pending="uninstall"] .pending-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg");
 }
 
 /*** view alert boxes ***/
 
 .alert-container {
   -moz-box-align: center;
-  margin-inline-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 .alert-spacer-before {
   -moz-box-flex: 1;
 }
 
 .alert-spacer-after {
   -moz-box-flex: 3;
@@ -229,28 +229,28 @@ button.warning {
 }
 
 
 /*** header ***/
 
 #header {
   margin-top: 20px;
   margin-bottom: 20px;
-  margin-inline-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 @media (max-width: 600px) {
   #header-search {
     width: 12em;
   }
 }
 
 .view-header {
-  margin: 0;
-  margin-inline-end: 48px;
+  margin: 0 48px;
   border-bottom: 1px solid #c1c1c1;
 }
 
 #header-utils-btn {
   height: 30px;
   line-height: 20px;
   border-color: #c1c1c1;
   background-color: #fbfbfb;
@@ -623,17 +623,18 @@ button.warning {
   background-color: transparent;
 }
 
 
 /*** search view ***/
 
 #search-filter {
   padding: 5px 20px;
-  margin-inline-end: 48px;
+  margin-right: 48px;
+  margin-left: 48px;
   font-size: 120%;
   border-bottom: 1px solid #c1c1c1;
   overflow-x: hidden;
 }
 
 #search-filter-label {
   font-weight: bold;
   color: grey;
@@ -643,18 +644,19 @@ button.warning {
 #search-allresults-link {
   margin-top: 1em;
   margin-bottom: 2em;
 }
 
 
 /*** detail view ***/
 
-#detail-view {
-  margin-inline-end: 48px;
+#detail-view > .box-inherit {
+  margin-right: 48px;
+  margin-left: 48px;
 }
 
 #detail-view .loading {
   opacity: 0;
 }
 
 #detail-view[loading-extended] .loading {
   opacity: 1;