mirror_php/wordpress
1
0
Fork 0
mirror of git://develop.git.wordpress.org/ synced 2025-04-04 20:23:27 +02:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

Twenty Eleven: Improve comment form styling for required fields.

Browse Source 
Previously, with absolute positioning, the star character to signify required comment form fields could overlap the text in some languages. The star's styling was also inconsistent between the input labels and the comment notes paragraph.

This commit makes the star's styling more consistent and ensures it does not overlap with the text.

Follow-up to [52029].

Props sabernhardt, hellofromTonya.
Fixes #54408.

git-svn-id: https://develop.svn.wordpress.org/trunk@52152 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2021-11-13 04:23:07 +00:00
parent 72ab145390
commit 1e6bede076
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/wp-content/themes/twentyeleven/rtl.css
View File

@ -444,10 +444,10 @@ section.recent-posts .other-recent-posts .comments-link > span {
-moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
left: auto;
right: 75%;
#respond .comment-form label .required {
float: left;
margin-left: 0;
margin-right: 4px;
}
#respond .form-submit {
float: left;

16
src/wp-content/themes/twentyeleven/style.css
View File

@ -2232,14 +2232,20 @@ a.comment-reply-link > span {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
#respond .comment-form label .required,
#respond .comment-form .comment-notes .required,
#respond .comment-form .logged-in-as .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 75%;
position: absolute;
z-index: 1;
}
#respond .comment-form label .required {
float: right;
margin-left: 4px;
}
#respond .comment-form .comment-notes .required,
#respond .comment-form .logged-in-as .required {
vertical-align: middle;
}
#respond .comment-notes,
#respond .logged-in-as {