Accessibility: Remove title attributes from the General Settings screen.

Date and time formats are now displayed in plain text and available for all
users. Also, lines up them with the "custom" date and time format fields to
help reinforce what these fields do.

Props afercia, perezlabs.
Fixes #35064.

git-svn-id: https://develop.svn.wordpress.org/trunk@36263 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia
2016-01-11 22:53:10 +00:00
parent 8ad1df35f8
commit e6297676fb
3 changed files with 60 additions and 29 deletions

View File

@@ -655,6 +655,14 @@ ul#add-to-blog-users {
margin-bottom: 0;
}
.form-table .date-time-doc {
margin-top: 1em;
}
.form-table p.timezone-info {
margin: 1em 0;
}
.form-table td fieldset label {
margin: 0.25em 0 0.5em !important;
display: inline-block;
@@ -893,9 +901,8 @@ table.form-table td .updated p {
20.0 - Settings
------------------------------------------------------------------------------*/
#utc-time, #local-time {
padding-left: 25px;
font-style: italic;
.timezone-info code {
white-space: nowrap;
}
.defaultavatarpicker .avatar {
@@ -903,6 +910,11 @@ table.form-table td .updated p {
vertical-align: middle;
}
.options-general-php .date-time-text {
display: inline-block;
min-width: 10em;
}
.options-general-php input.small-text {
width: 56px;
}
@@ -1268,16 +1280,11 @@ table.form-table td .updated p {
display: block;
}
#utc-time {
margin-top: 10px;
}
#utc-time,
#local-time {
display: block;
float: none;
padding: 0;
line-height: 2;
margin-top: 0.5em;
}
.form-field #domain {
@@ -1316,6 +1323,11 @@ table.form-table td .updated p {
.wp-pwd .button .text {
display: none;
}
.options-general-php input[type="text"].small-text {
max-width: 60px;
margin: 0;
}
}
@media only screen and (max-width: 768px) {
@@ -1358,3 +1370,10 @@ table.form-table td .updated p {
width: 49%;
}
}
@media only screen and (max-width: 320px) {
.options-general-php .date-time-text.date-time-custom-text {
min-width: 0;
margin-right: 0.5em;
}
}