Skip to content
Permalink
Browse files

Accessibility: Improve and modernize user interface controls for bett…

…er contrast: Further improvements to input heights and alignments.

- improves input fields height in the customizer
- improves input fields height for Internet Explorer 11
- improves input fields height in the Image Editor
- improves alignment of selects and buttons in the privacy policy pages
- makes the search themes fields font-size consistent

Props garrett-eclipse, afercia.
See #47477.


git-svn-id: https://develop.svn.wordpress.org/trunk@46419 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
afercia committed Oct 7, 2019
1 parent 42ef147 commit c2ffe162482eb400ecb43c3857985928437b57bc
@@ -94,6 +94,7 @@
margin: 0;
padding: 5px;
vertical-align: top;
min-height: 28px;
}

.wp-color-picker::-webkit-input-placeholder {
@@ -284,12 +284,14 @@ body.trashing #publish-settings {
}

#customize-control-changeset_preview_link input {
line-height: 2.5;
line-height: 2.85714286; /* 40px */
border-top: 1px solid #ddd;
border-left: none;
border-right: none;
text-indent: -999px;
color: #fff;
/* Only necessary for IE11 */
min-height: 40px;
}

#customize-control-changeset_preview_link label {
@@ -347,7 +349,7 @@ body.trashing #publish-settings {
}

.date-time-fields .date-input.year {
width: 60px;
width: 65px;
}

.date-time-fields .date-input.meridian {
@@ -924,7 +926,6 @@ p.customize-section-description {
.customize-control input[type="tel"],
.customize-control input[type="url"] {
width: 100%;
line-height: 1.3;
margin: 0;
}

@@ -2588,9 +2589,9 @@ body.adding-widget .add-new-widget:before,
#available-widgets-filter input,
#available-menu-items-search input {
width: 100%;
height: 32px;
min-height: 32px;
margin: 1px 0;
padding: 6px 30px;
padding: 0 30px;
}

#available-widgets-filter input::-ms-clear,
@@ -74,6 +74,8 @@ input[type="week"] {
padding: 0 8px;
/* inherits font size 14px */
line-height: 2; /* 28px */
/* Only necessary for IE11 */
min-height: 30px;
}

::-webkit-datetime-edit {
@@ -1171,7 +1173,7 @@ table.form-table td .updated p {

.tools-privacy-policy-page input.button,
.tools-privacy-policy-page select {
margin-left: 6px;
margin: 0 1px 0 6px;
}

.tools-privacy-edit {
@@ -1128,7 +1128,7 @@ span.imgedit-scale-warn {
.imgedit-settings .imgedit-crop-sel input[type="text"] {
width: 80px;
font-size: 14px;
padding: 5px 8px;
padding: 0 8px;
}

.imgedit-separator {
@@ -34,6 +34,7 @@ body.js .theme-browser.search-loading {
left: 20px;
margin: 0;
width: 280px;
font-size: inherit;
}

/* Position admin messages */

0 comments on commit c2ffe16

Please sign in to comment.
You can’t perform that action at this time.