Changeset 24074

Timestamp:

04/23/2013 11:10:00 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: avoid setting absolute positioning and a magic height number for child comments. This allows for a more flexible layout. Props obenland, fixes #24172.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• rtl.css (modified) (2 diffs)
• style.css (modified) (8 diffs)

trunk/wp-content/themes/twentythirteen/rtl.css

@@ -590 +590 @@
 
 .comment-author {
+    float: right;
     margin-left: 50px;
     margin-right: auto;
-    left: auto;
-    right: 0;
-}
-
+}
 
 .bypostauthor .fn:before {
@@ -612 +610 @@
 }
 
-.comment-meta,
+.comment-metadata,
 .comment-content,
 .reply {

trunk/wp-content/themes/twentythirteen/style.css

@@ -2290 +2290 @@
 
 .comment-author {
+    float: left;
     max-width: 74px;
-    position: absolute;
-    left: 0;
 }
 
@@ -2319 +2318 @@
 }
 
-.no-avatars .comment-meta,
+.no-avatars .comment-metadata,
 .no-avatars .comment-content,
 .no-avatars .reply {
@@ -2334 +2333 @@
 }
 
-.comment-meta,
+.comment-metadata,
 .comment-content,
 .reply {
@@ -2347 +2346 @@
     color: #a2a2a2;
     font-size: 13px;
-    margin-bottom: 20px;
 }
 
 .comment-meta a:hover {
     color: #ea9629;
+}
+
+.comment-metadata {
+    margin-bottom: 20px;
 }
 
@@ -3079 +3081 @@
     }
 
-    .comment-meta,
+    .comment-metadata,
     .comment-content,
     .reply {
@@ -3167 +3169 @@
         margin: 0 0 5px;
         max-width: 100%;
-        position: relative;
     }
 
@@ -3176 +3177 @@
     }
 
-    .comment-meta,
+    .comment-metadata,
     .comment-content,
     .reply {
@@ -3305 +3306 @@
     }
 
-    .comment-meta {
+    .comment-metadata {
         float: none;
     }