Make WordPress Core

Changeset 52152


Ignore:
Timestamp:
11/13/2021 04:23:07 AM (2 years ago)
Author:
SergeyBiryukov
Message:

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.

Location:
trunk/src/wp-content/themes/twentyeleven
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyeleven/rtl.css

    r46195 r52152  
    445445    box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
    446446}
    447 #respond .comment-form-author .required,
    448 #respond .comment-form-email .required {
    449     left: auto;
    450     right: 75%;
     447#respond .comment-form label .required {
     448    float: left;
     449    margin-left: 0;
     450    margin-right: 4px;
    451451}
    452452#respond .form-submit {
  • trunk/src/wp-content/themes/twentyeleven/style.css

    r51807 r52152  
    22332233    width: 95%;
    22342234}
    2235 #respond .comment-form-author .required,
    2236 #respond .comment-form-email .required {
     2235#respond .comment-form label .required,
     2236#respond .comment-form .comment-notes .required,
     2237#respond .comment-form .logged-in-as .required {
    22372238    color: #bd3500;
    22382239    font-size: 22px;
    22392240    font-weight: bold;
    2240     left: 75%;
    2241     position: absolute;
    2242     z-index: 1;
     2241}
     2242#respond .comment-form label .required {
     2243    float: right;
     2244    margin-left: 4px;
     2245}
     2246#respond .comment-form .comment-notes .required,
     2247#respond .comment-form .logged-in-as .required {
     2248    vertical-align: middle;
    22432249}
    22442250#respond .comment-notes,
Note: See TracChangeset for help on using the changeset viewer.