Twenty Eleven: Improve comment form styling for required fields.

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.
Built from https://develop.svn.wordpress.org/trunk@52152


git-svn-id: http://core.svn.wordpress.org/trunk@51744 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2021-11-13 04:24:59 +00:00
parent b665eab47e
commit 654f9063cc
3 changed files with 16 additions and 10 deletions

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;

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 {

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.9-alpha-52151';
$wp_version = '5.9-alpha-52152';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.