Changeset 4579

Timestamp:

12/23/2016 06:53:02 PM (4 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Improve spacing within table of contents box.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer

Files:

• scss/main.scss (modified) (5 diffs)
• stylesheets/main.css (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -1098 +1098 @@
             width: 300px;
 
-            ul {
-                margin-top: 6px;
+            & > ul {
+                margin-bottom: 0;
             }
         }
@@ -1105 +1105 @@
             li {
                 padding-bottom: 0px !important;
+            }
+            & > li {
+                padding-bottom: 8px !important;
             }
             a {
@@ -1498 +1501 @@
 
         h2 {
-            margin: 0;
-            padding-bottom: 3px;
+            padding: 4px 0;
             text-align: center;
             text-transform: uppercase;
@@ -1510 +1512 @@
         ul,
         ol {
-            margin: 10px 20px;
+            margin: 6px 20px;
             ul,
             ol {
                 margin-right: 0;
+                margin-top: 0;
             }
         }
@@ -1521 +1524 @@
     ul.items {
         margin-bottom: 8px !important;
+        margin-top: 16px;
         list-style-type: none !important;
         padding-right: 10px;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

@@ -1496 +1496 @@
 }
 
-.devhub-wrap .wp-parser-class .table-of-contents ul, .devhub-wrap .wp-parser-function .table-of-contents ul, .devhub-wrap .wp-parser-hook .table-of-contents ul, .devhub-wrap .wp-parser-method .table-of-contents ul {
-  margin-top: 6px;
+.devhub-wrap .wp-parser-class .table-of-contents > ul, .devhub-wrap .wp-parser-function .table-of-contents > ul, .devhub-wrap .wp-parser-hook .table-of-contents > ul, .devhub-wrap .wp-parser-method .table-of-contents > ul {
+  margin-bottom: 0;
 }
 
 .devhub-wrap .wp-parser-class ul.items li, .devhub-wrap .wp-parser-function ul.items li, .devhub-wrap .wp-parser-hook ul.items li, .devhub-wrap .wp-parser-method ul.items li {
   padding-bottom: 0px !important;
+}
+
+.devhub-wrap .wp-parser-class ul.items > li, .devhub-wrap .wp-parser-function ul.items > li, .devhub-wrap .wp-parser-hook ul.items > li, .devhub-wrap .wp-parser-method ul.items > li {
+  padding-bottom: 8px !important;
 }
 
@@ -1851 +1855 @@
 
 .devhub-wrap .table-of-contents h2 {
-  margin: 0;
-  padding-bottom: 3px;
+  padding: 4px 0;
   text-align: center;
   text-transform: uppercase;
@@ -1863 +1866 @@
 .devhub-wrap .table-of-contents ul,
 .devhub-wrap .table-of-contents ol {
-  margin: 10px 20px;
+  margin: 6px 20px;
 }
 
@@ -1871 +1874 @@
 .devhub-wrap .table-of-contents ol ol {
   margin-right: 0;
+  margin-top: 0;
 }
 
 .devhub-wrap ul.items {
   margin-bottom: 8px !important;
+  margin-top: 16px;
   list-style-type: none !important;
   padding-right: 10px;