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 643742 2d5dc4f04ec72a69ccca1c953ca26a4cc827a08a
parent 643612 a4a448ba7f187069fce916ee234a06cbb0d06f80
child 725388 10485b2a3d8daeac7bc52f8714fe728d5d8f2497
push id73197
push userbmo:evan@tseng.io
push dateThu, 10 Aug 2017 03:05:25 +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
@@ -90,32 +90,28 @@ caption > label {
   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;
   font-weight: 300;
 }
 
-.subcategory {
-  margin-top: 48px;
-}
-
 /* Category List */
 
 #categories {
   max-height: 100vh;
   background-color: #fafafc;
 }
 
 #categories > scrollbox {