Changeset 3649

Timestamp:

07/08/2016 06:42:57 AM (8 years ago)

Author:

drewapicture

Message:

developer.wordpress.org: Add hover styles to table of contents links in Code Reference pages.

Also slightly tightens up unordered lists within the ToC.

h/t kevinwhoffman.

See #1814.

Location:

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

Files:

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

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

@@ -1056 +1056 @@
         .table-of-contents {
             width: 300px;
+
+            ul {
+                margin-top: 6px;
+            }
+        }
+        ul.items {
+            li {
+                padding-bottom: 0px !important;
+            }
+            a {
+                &:hover {
+                    color: #d54e21 !important;
+                }
+            }
         }
         .toc-jump {
@@ -1413 +1427 @@
     }
 
+    // Handbook ToC items.
     ul.items {
         margin-bottom: 8px !important;

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

@@ -1266 +1266 @@
   width: 300px;
 }
+.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 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 a:hover, .devhub-wrap .wp-parser-function ul.items a:hover, .devhub-wrap .wp-parser-hook ul.items a:hover, .devhub-wrap .wp-parser-method ul.items a:hover {
+  color: #d54e21 !important;
+}
 .devhub-wrap .wp-parser-class .toc-jump, .devhub-wrap .wp-parser-function .toc-jump, .devhub-wrap .wp-parser-hook .toc-jump, .devhub-wrap .wp-parser-method .toc-jump {
   display: inline-block;