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

Timestamp:

03/23/2018 09:59:23 PM (8 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Add support for user feedback on submitted user notes.

Props keesiemeijer.
See #1504.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (4 diffs)

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

@@ -1138 +1138 @@
                 }
 
+                .comment-awaiting-moderation {
+                        background-color: #fff8e5;
+                        padding: .2em .5em;
+                        border-radius: 3px;
+                        border: 1px solid #ffb900;
+                }
+
+                .depth-2 .comment-awaiting-moderation {
+                        display: inline-block;
+                        margin: 2px 0;
+                }
+
                 .comment-list,
                 .comment-list ol {
@@ -1147 +1159 @@
                 .comment-list li,
                 #comment-preview {
-                        margin-top: 2.5rem;
+                        margin-top: 3rem;
                         background: #fff;
                         overflow: auto;
-                        border: 1px solid #dfdfdf;
-                        border-radius: 0 2px 2px 2px;
 
                         article {
                                 overflow: auto;
                         }
+                }
+
+                .comment-list li.depth-1,
+                #comment-preview {
+                        border: 1px solid #dfdfdf;
+                        border-radius: 2px;
+                }
+
+                // Feedback
+                .comment-list li.depth-2 {
+                        border-top: 1px solid #dfdfdf;
+                        padding: 0;
+                        margin: 0;
+
+                        .comment-content {
+                                padding: .9em 0;
+                        }
+                        .comment-content p {
+                                margin-bottom: 0;
+                                font-size: .9em;
+                        }
+                }
+
+                .comment ul.children {
+                        margin: 0 0 1.5em 0;
+                        border-bottom: 1px solid #dfdfdf;
+                }
+
+                .feedback {
+                        width: 90%;
+                        float: right;
+                        margin-right: 1.5rem;
+                }
+
+                .feedback-links {
+                        margin: 0 1.5rem 1em 1.5rem;
+                        font-size: 0.9em;
+                        clear: both;
+                }
+
+                .feedback-editor-title,
+                .feedback-title {
+                        font-size: 1.8rem;
+                        font-weight: 300;
+                        line-height: 2.2rem;
+                        margin-bottom: 1em;
+                }
+
+                .feedback-toggle {
+                        margin: 0 0 0 1.5rem;
+                        display: inline-block;
+                }
+
+                #wp-feedback-wrap {
+                        padding-bottom: 1em;
                 }
 
@@ -1163 +1228 @@
                         border: 1px solid #ccc;
                         border-radius: 0 3px 3px 3px;
-                        clear:both;
+                        clear: both;
                 }
 
@@ -1224 +1289 @@
                         clear: both;
                         padding: 2rem 1.5rem .5rem;
-                }
-
-                .comment-footer {
-                        margin: 0 1em;
-                        padding: 0 0 1em 0;
-                        position: relative;
-                        overflow: auto;
-
-                        a {
-                                float: right;
-                        }
-
-                        p {
-                                margin-bottom: 0;
-                        }
                 }