Changeset 2284

Timestamp:

01/12/2016 08:18:34 PM (8 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: General responsiveness improvements.

• Allow method signature to scroll horizontally if need be.
• Adjust padding for changelog lists and source code links.

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

@@ -1565 +1565 @@
     }
 }
+
+@media (max-width: 22em) {
+    ul, ol {
+        margin-left: 1.2em;
+    }
+    .devhub-wrap {
+        .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
+            h1 {
+                padding-left: 20px;
+                line-height: 2rem;
+
+                a {
+                    margin-left: -20px;
+                    font-size: 16px;
+                }
+            }
+        }
+
+        &.single-wp-parser-function, &.single-wp-parser-method, &.single-wp-parser-hook {
+            .comment-list {
+                li {
+                    padding-left: 0;
+                    padding-right: 0;
+                }
+
+                .avatar {
+                    margin: 0 1em 0 0;
+                }
+            }
+        }
+
+        .source-code-links {
+            margin-left: 0;
+
+            span:first-child {
+                margin-left: 0;
+            }
+        }
+    }
+}

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

@@ -1620 +1620 @@
   }
 }
+@media (max-width: 22em) {
+  ul, ol {
+    margin-left: 1.2em;
+  }
+
+  .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
+    padding-left: 20px;
+    line-height: 2rem;
+  }
+  .devhub-wrap .wp-parser-class h1 a, .devhub-wrap .wp-parser-function h1 a, .devhub-wrap .wp-parser-hook h1 a, .devhub-wrap .wp-parser-method h1 a {
+    margin-left: -20px;
+    font-size: 16px;
+  }
+  .devhub-wrap.single-wp-parser-function .comment-list li, .devhub-wrap.single-wp-parser-method .comment-list li, .devhub-wrap.single-wp-parser-hook .comment-list li {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .devhub-wrap.single-wp-parser-function .comment-list .avatar, .devhub-wrap.single-wp-parser-method .comment-list .avatar, .devhub-wrap.single-wp-parser-hook .comment-list .avatar {
+    margin: 0 1em 0 0;
+  }
+  .devhub-wrap .source-code-links {
+    margin-left: 0;
+  }
+  .devhub-wrap .source-code-links span:first-child {
+    margin-left: 0;
+  }
+}