Bug 1175197 - Move .buttons styles to aboutAddons.css, and set the border radius to 0. r=liuche
authorMargaret Leibovic <margaret.leibovic@gmail.com>
Mon, 29 Jun 2015 16:42:03 -0700
changeset 271028 f2df0e5fff6c897f9f23cf1ab8d52816708d9049
parent 271027 658dca224bfc40edbb43103ae25ba9341b52dced
child 271029 00ff94876faeee59e5a004f5c045e9d9cbcd3c35
push id8304
push userjlund@mozilla.com
push dateMon, 10 Aug 2015 19:25:01 +0000
treeherdermozilla-aurora@7308dd0a6c3b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersliuche
bugs1175197
milestone42.0a1
Bug 1175197 - Move .buttons styles to aboutAddons.css, and set the border radius to 0. r=liuche
mobile/android/themes/core/aboutAddons.css
mobile/android/themes/core/aboutBase.css
--- a/mobile/android/themes/core/aboutAddons.css
+++ b/mobile/android/themes/core/aboutAddons.css
@@ -68,16 +68,52 @@ a:active {
 .addon-item[optionsURL=""] .options-box {
   display: none;
 }
 
 #addons-details > .list-item:active {
   background-color: #fff;
 }
 
+/* Buttons */
+
+.buttons {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.buttons > button {
+  -moz-appearance: none;
+  font-size: 1em;
+  border: 1px solid transparent;
+  border-top-color: @color_about_item_border@;
+  -moz-border-start-color: @color_about_item_border@;
+  background-color: @color_about_item@;
+  flex: 1;
+  padding: 0.75em 0.5em;
+  border-radius: 0;
+}
+
+.buttons > button:active {
+  background-color: #eeeeee;
+}
+
+.buttons > button[disabled="true"] {
+  color: #b5b5b5;
+}
+
+.buttons > button[hidden="true"] {
+  display: none;
+}
+
+.buttons:first-child {
+  -moz-border-start-color: transparent;
+}
+
 /* Settings */
 
 setting {
   padding-bottom: 1em;
   -moz-box-align: center;
   box-sizing: border-box;
   width: 100%;
 }
--- a/mobile/android/themes/core/aboutBase.css
+++ b/mobile/android/themes/core/aboutBase.css
@@ -83,50 +83,16 @@ body {
   position: absolute;
   pointer-events: none;
 }
 
 .list-item[isDisabled="true"] .favicon {
   opacity: 0.3;
 }
 
-/* Buttons */
-.buttons {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-
-.buttons > button {
-  -moz-appearance: none;
-  font-size: 1em;
-  border: 1px solid transparent;
-  border-top-color: @color_about_item_border@;
-  -moz-border-start-color: @color_about_item_border@;
-  background-color: @color_about_item@;
-  flex: 1;
-  padding: 0.75em 0.5em;
-}
-
-.buttons > button:active {
-  background-color: #eeeeee;
-}
-
-.buttons > button[disabled="true"] {
-  color: #b5b5b5;
-}
-
-.buttons > button[hidden="true"] {
-  display: none;
-}
-
-.buttons:first-child {
-  -moz-border-start-color: transparent;
-}
-
 .row {
   display: flex;
   width: 100%;
 }
 
 .title {
   font-weight: bold;
   overflow: hidden;