Skip to content

Commit

Permalink
Bundled Theme: Twenty Eleven: Fix positioning to make links clickable…
Browse files Browse the repository at this point in the history
… 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
  • Loading branch information
joedolson committed Oct 13, 2024
1 parent b5cc572 commit 649efd0
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 27 deletions.
11 changes: 3 additions & 8 deletions src/wp-content/themes/twentyeleven/rtl.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down
22 changes: 3 additions & 19 deletions src/wp-content/themes/twentyeleven/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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;
Expand Down Expand Up @@ -1187,7 +1182,7 @@ blockquote.pull.alignright {
left: 50px;
position: absolute;
right: auto;
top: 80px;
top: 40px;
}


Expand Down Expand Up @@ -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,
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
Expand Down

0 comments on commit 649efd0

Please sign in to comment.