Bug 1386160 - Add separators for each level 1 header to match the Photon visual spec. draft
authorEvan Tseng <evan@tseng.io>
Fri, 04 Aug 2017 16:01:27 +0800
changeset 641539 6ed0a7bd1f57cf9666dfa030a6169ba4417a9be2
parent 641444 bb8de16ce00cb57b587a14c210ecc7505f366328
child 724830 818ac57ad3d6586b875fc2f58aeed0dd6a7f134c
push id72569
push userbmo:evan@tseng.io
push dateMon, 07 Aug 2017 08:14:15 +0000
bugs1386160
milestone57.0a1
Bug 1386160 - Add separators for each level 1 header to match the Photon visual spec. MozReview-Commit-ID: 7iyZuFgqrSQ
browser/themes/shared/incontentprefs/preferences.inc.css
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -22,16 +22,21 @@
 }
 
 description.indent,
 .indent > description {
   font-size: 1.18rem;
   color: #737373;
 }
 
+separator.groove {
+  border-top: 1px solid rgba(12, 12, 13, 0.15) !important;
+  margin-top: 32px !important;
+}
+
 * {
   -moz-user-select: text;
 }
 
 button,
 treecol,
 html|option {
   /* override the * rule */
@@ -73,21 +78,21 @@ html|option {
   min-width: 145px;
 }
 
 /* Subcategory title */
 
 /**
  * The first subcategory title for each category should not have margin-top.
  */
-#generalCategory,
-#searchCategory,
-#browserPrivacyCategory,
-#firefoxAccountCategory {
-  margin-top: 0;
+
+.subcategory:not([hidden]) ~ .subcategory {
+  margin-top: 32px;
+  padding-top: 15px;
+  border-top: 1px solid rgba(12, 12, 13, 0.15);
 }
 
 .header-name {
   font-size: 2rem;
 }
 
 .subcategory {
   margin-top: 48px;