Changeset 4609

Timestamp:

01/05/2017 11:11:59 PM (8 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Display table of contents at full content-width above page content to prevent squashing display of tables in REST API handbook reference sub-pages.

Props jnylen0.
Fixes #2347.

Location:

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

Files:

• scss/main.scss (modified) (1 diff)
• stylesheets/main.css (modified) (1 diff)

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

@@ -1593 +1593 @@
 }
 
+.rest-api-handbook-reference {
+
+    .table-of-contents {
+        float: none;
+        overflow: hidden;
+        width: 100%;
+        margin: 0 auto 1em;
+        clear: both;
+
+        ul.items li ul li {
+            display: inline;
+
+            &::after {
+                content: '; ';
+            }
+
+            &:last-child::after {
+                content: '';
+            }
+        }
+    }
+
+}
+
 @media ( max-width: 59.999999em ) {
 

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

@@ -1950 +1950 @@
 }
 
+.rest-api-handbook-reference .table-of-contents {
+  float: none;
+  overflow: hidden;
+  width: 100%;
+  margin: 0 auto 1em;
+  clear: both;
+}
+
+.rest-api-handbook-reference .table-of-contents ul.items li ul li {
+  display: inline;
+}
+
+.rest-api-handbook-reference .table-of-contents ul.items li ul li::after {
+  content: '; ';
+}
+
+.rest-api-handbook-reference .table-of-contents ul.items li ul li:last-child::after {
+  content: '';
+}
+
 @media (max-width: 59.999999em) {
   .devhub-wrap {