Changeset 2283

Timestamp:

01/12/2016 08:15:27 PM (10 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Improvements to user notes display.

• Add additional padding to clarify note attribution.
• Improve responsiveness.

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

@@ -1128 +1128 @@
         .comment-list li {
             padding: 2rem 1.5rem 1rem;
-            border: 0 solid #eee;
-            border-bottom-width: 1px;
             background: #fff;
+            overflow: auto;
 
             &:first-child {
                 padding-top: 1rem;
+            }
+
+            article {
+                border-bottom: 1px solid #dfdfdf;
+                padding-bottom: 1em;
+                overflow: auto;
             }
         }

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

@@ -1298 +1298 @@
 .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: 2rem 1.5rem 1rem;
-  border: 0 solid #eee;
-  border-bottom-width: 1px;
   background: #fff;
+  overflow: auto;
 }
 .devhub-wrap.single-wp-parser-function .comment-list li:first-child, .devhub-wrap.single-wp-parser-method .comment-list li:first-child, .devhub-wrap.single-wp-parser-hook .comment-list li:first-child {
   padding-top: 1rem;
+}
+.devhub-wrap.single-wp-parser-function .comment-list li article, .devhub-wrap.single-wp-parser-method .comment-list li article, .devhub-wrap.single-wp-parser-hook .comment-list li article {
+  border-bottom: 1px solid #dfdfdf;
+  padding-bottom: 1em;
+  overflow: auto;
 }
 .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 {