Changeset 59226

Timestamp:

10/13/2024 09:20:54 PM (6 months ago)

Author:

joedolson

Message:

Bundled Theme: Twenty Eleven: Fix positioning to make links clickable in mobile.

Fix a combination of floated and absolutely positioned content that caused previous and next links to be stacked under other content, making them unclickable on mobile devices. Adjust the position of the post date so that focus order matches visible order. Prevent overlap of 'Edit' button on post title.

Props kel-dc, parthvataliya, dhruvang21, sabernhardt, wpeople, itpathsolutions, balub, dilip2615, tirth03.
Fixes #62008.

Location:

trunk/src/wp-content/themes/twentyeleven

Files:

• rtl.css (modified) (3 diffs)
• style.css (modified) (6 diffs)

trunk/src/wp-content/themes/twentyeleven/rtl.css

@@ -230 +230 @@
     padding-left: 0;
 }
-.singular .entry-header .entry-meta {
-    left: auto;
-    right: 0;
-}
 .singular .entry-meta .edit-link a {
     left: auto;
@@ -357 +353 @@
 
 /* Singular navigation */
-#nav-single {
-    float: left;
-    text-align: left;
-}
 #nav-single .nav-next {
     padding-left: 0;
@@ -518 +510 @@
         right: 0;
     }
+    .singular #author-info {
+        margin: 2.2em -8.8% 0;
+    }
     /* Make sure we have room for our comment avatars */
     .commentlist > li.comment,

trunk/src/wp-content/themes/twentyeleven/style.css

@@ -1130 +1130 @@
 .singular .hentry {
     border-bottom: none;
-    padding: 4.875em 0 0;
+    padding: 1.875em 0 0;
     position: relative;
 }
@@ -1145 +1145 @@
 .singular .entry-header .entry-meta {
     padding-right: 0;
-}
-.singular .entry-header .entry-meta {
-    position: absolute;
-    top: 0;
-    left: 0;
 }
 blockquote.pull {
@@ -1188 +1183 @@
     position: absolute;
     right: auto;
-    top: 80px;
+    top: 40px;
 }
 
@@ -1796 +1791 @@
 /* Singular navigation */
 #nav-single {
-    float: right;
     position: relative;
-    top: -0.3em;
-    text-align: right;
     z-index: 1;
 }
@@ -2488 +2480 @@
         left: 0;
         position: absolute;
-        top: 40px;
+        top: 20px;
     }
     .singular #author-info {
@@ -2577 +2569 @@
         margin-left: 0;
         margin-right: 0;
-    }
-    /* Make sure the post-post navigation doesn't collide with anything */
-    #nav-single {
-        display: block;
-        position: static;
-    }
-    .singular .hentry {
-        padding: 1.625em 0 0;
     }
     .singular.page .hentry {