From 649efd06293bc0e009801fe928bc34c09e1e4558 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Sun, 13 Oct 2024 21:20:54 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@59226 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyeleven/rtl.css | 11 +++------- src/wp-content/themes/twentyeleven/style.css | 22 +++----------------- 2 files changed, 6 insertions(+), 27 deletions(-) diff --git a/src/wp-content/themes/twentyeleven/rtl.css b/src/wp-content/themes/twentyeleven/rtl.css index feedd94cdb35c..7779f715d4aff 100644 --- a/src/wp-content/themes/twentyeleven/rtl.css +++ b/src/wp-content/themes/twentyeleven/rtl.css @@ -229,10 +229,6 @@ a.assistive-text:focus { .singular .entry-header .entry-meta { padding-left: 0; } -.singular .entry-header .entry-meta { - left: auto; - right: 0; -} .singular .entry-meta .edit-link a { left: auto; right: 50px; @@ -356,10 +352,6 @@ section.recent-posts .other-recent-posts .comments-link > span { } /* Singular navigation */ -#nav-single { - float: left; - text-align: left; -} #nav-single .nav-next { padding-left: 0; padding-right: .5em; @@ -517,6 +509,9 @@ section.recent-posts .other-recent-posts .comments-link > span { left: auto; right: 0; } + .singular #author-info { + margin: 2.2em -8.8% 0; + } /* Make sure we have room for our comment avatars */ .commentlist > li.comment, .commentlist .pingback { diff --git a/src/wp-content/themes/twentyeleven/style.css b/src/wp-content/themes/twentyeleven/style.css index dca83cfe9a4af..aa20b44017900 100644 --- a/src/wp-content/themes/twentyeleven/style.css +++ b/src/wp-content/themes/twentyeleven/style.css @@ -1129,7 +1129,7 @@ article.format-status .entry-content { /* Singular content styles for Posts and Pages */ .singular .hentry { border-bottom: none; - padding: 4.875em 0 0; + padding: 1.875em 0 0; position: relative; } .singular.page .hentry { @@ -1145,11 +1145,6 @@ article.format-status .entry-content { .singular .entry-header .entry-meta { padding-right: 0; } -.singular .entry-header .entry-meta { - position: absolute; - top: 0; - left: 0; -} blockquote.pull { font-size: 21px; font-weight: bold; @@ -1187,7 +1182,7 @@ blockquote.pull.alignright { left: 50px; position: absolute; right: auto; - top: 80px; + top: 40px; } @@ -1795,10 +1790,7 @@ video { /* Singular navigation */ #nav-single { - float: right; position: relative; - top: -0.3em; - text-align: right; z-index: 1; } #nav-single .nav-previous, @@ -2487,7 +2479,7 @@ p.comment-form-comment { .singular .entry-meta .edit-link a { left: 0; position: absolute; - top: 40px; + top: 20px; } .singular #author-info { margin: 2.2em -8.8% 0; @@ -2577,14 +2569,6 @@ p.comment-form-comment { 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 { padding: 1.625em 0 0; }