--- a/wp/wp-admin/css/forms-rtl.css Tue Oct 22 16:11:46 2019 +0200
+++ b/wp/wp-admin/css/forms-rtl.css Tue Dec 15 13:49:49 2020 +0100
@@ -1,12 +1,43 @@
+/*! This file is auto-generated */
/* Include margin and padding in the width calculation of input and textarea. */
input,
+select,
+textarea,
+button {
+ box-sizing: border-box;
+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+textarea,
+input {
+ font-size: 14px;
+}
+
textarea {
- box-sizing: border-box;
+ overflow: auto;
+ padding: 2px 6px;
+ /* inherits font size 14px */
+ line-height: 1.42857143; /* 20px */
+ resize: vertical;
+}
+
+label {
+ cursor: pointer;
+}
+
+input,
+select {
+ margin: 0 1px;
+}
+
+textarea.code {
+ padding: 4px 6px 1px 6px;
}
input[type="text"],
input[type="password"],
-input[type="checkbox"],
input[type="color"],
input[type="date"],
input[type="datetime"],
@@ -15,20 +46,42 @@
input[type="month"],
input[type="number"],
input[type="search"],
-input[type="radio"],
input[type="tel"],
-input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
- border: 1px solid #ddd;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 0 0 transparent;
+ border-radius: 4px;
+ border: 1px solid #7e8993;
background-color: #fff;
color: #32373c;
- outline: none;
- transition: 0.05s border-color ease-in-out;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ padding: 0 8px;
+ /* inherits font size 14px */
+ line-height: 2; /* 28px */
+ /* Only necessary for IE11 */
+ min-height: 30px;
+}
+
+::-webkit-datetime-edit {
+ /* inherits font size 14px */
+ line-height: 1.85714286; /* 26px */
}
input[type="text"]:focus,
@@ -42,7 +95,6 @@
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
-input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
@@ -50,8 +102,8 @@
input[type="radio"]:focus,
select:focus,
textarea:focus {
- border-color: #5b9dd9;
- box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ border-color: #007cba;
+ box-shadow: 0 0 0 1px #007cba;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
@@ -62,29 +114,24 @@
direction: ltr;
}
-/* Vertically align the number selector with the input. */
-input[type="number"] {
- height: 28px;
- line-height: 1;
-}
-
input[type="checkbox"],
input[type="radio"] {
- border: 1px solid #b4b9be;
+ border: 1px solid #7e8993;
+ border-radius: 4px;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
- height: 16px;
- margin: -4px 0 0 4px;
+ height: 1rem;
+ margin: -0.25rem 0 0 0.25rem;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
- width: 16px;
- min-width: 16px;
+ width: 1rem;
+ min-width: 1rem;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
transition: .05s border-color ease-in-out;
@@ -96,7 +143,7 @@
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
- color: #00a0d2;
+ color: #006799;
}
td > input[type="checkbox"],
@@ -115,38 +162,39 @@
input[type="radio"] {
border-radius: 50%;
- margin-left: 4px;
- line-height: 10px;
+ margin-left: 0.25rem;
+ /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+ line-height: 0.71428571;
}
-input[type="checkbox"]:checked:before,
-input[type="radio"]:checked:before {
+input[type="checkbox"]:checked::before,
+input[type="radio"]:checked::before {
float: right;
display: inline-block;
vertical-align: middle;
- width: 16px;
- font: normal 21px/1 dashicons;
+ width: 1rem;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-input[type="checkbox"]:checked:before {
- content: "\f147";
- margin: -3px -4px 0 0;
- color: #1e8cbe;
+input[type="checkbox"]:checked::before {
+ /* Use the "Yes" SVG Dashicon */
+ content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
+ margin: -0.1875rem -0.25rem 0 0;
+ height: 1.3125rem;
+ width: 1.3125rem;
}
-input[type="radio"]:checked:before {
- content: "\2022";
- text-indent: -9999px;
- border-radius: 50px;
- font-size: 24px;
- width: 6px;
- height: 6px;
- margin: 4px;
- line-height: 16px;
+input[type="radio"]:checked::before {
+ content: "";
+ border-radius: 50%;
+ width: 0.5rem; /* 8px */
+ height: 0.5rem; /* 8px */
+ margin: 0.1875rem; /* 3px */
background-color: #1e8cbe;
+ /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+ line-height: 1.14285714;
}
@-moz-document url-prefix() {
@@ -166,58 +214,11 @@
display: none;
}
-.ie8 input[type="password"] {
- font-family: sans-serif;
-}
-
-textarea,
-input,
-select,
-button {
- font-family: inherit;
- font-size: inherit;
- font-weight: inherit;
-}
-
-textarea,
-input,
-select {
- font-size: 14px;
- padding: 3px 5px;
- border-radius: 0; /* Reset mobile webkit's default element styling */
-}
-
-textarea {
- overflow: auto;
- padding: 2px 6px;
- line-height: 1.4;
- resize: vertical;
-}
-
.wp-admin input[type="file"] {
padding: 3px 0;
cursor: pointer;
}
-label {
- cursor: pointer;
-}
-
-input,
-select {
- margin: 1px;
- padding: 3px 5px;
-}
-
-input.code {
- padding-top: 6px;
-}
-
-textarea.code {
- line-height: 1.4;
- padding: 4px 6px 1px 6px;
-}
-
input.readonly,
input[readonly],
textarea.readonly,
@@ -307,15 +308,87 @@
2.0 - Forms
------------------------------------------------------------------------------*/
-
-.wp-admin select {
- padding: 2px;
- line-height: 28px;
- height: 28px;
+/* Select styles are based on the default button in buttons.css */
+.wp-core-ui select {
+ font-size: 14px;
+ line-height: 2; /* 28px */
+ color: #32373c;
+ border-color: #7e8993;
+ box-shadow: none;
+ border-radius: 3px;
+ padding: 0 8px 0 24px;
+ min-height: 30px;
+ max-width: 25rem;
+ -webkit-appearance: none;
+ /* The SVG is arrow-down-alt2 from Dashicons. */
+ background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
+ background-size: 16px 16px;
+ cursor: pointer;
vertical-align: middle;
}
+.wp-core-ui select:hover {
+ color: #007cba;
+}
+
+.wp-core-ui select:focus {
+ border-color: #007cba;
+ color: #016087;
+ box-shadow: 0 0 0 1px #007cba;
+}
+
+.wp-core-ui select:active {
+ border-color: #999;
+ box-shadow: none;
+}
+
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
+ color: #a0a5aa;
+ border-color: #ddd;
+ background-color: #f7f7f7;
+ /* The SVG is arrow-down-alt2 from Dashicons. */
+ background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
+ box-shadow: none;
+ text-shadow: 0 1px 0 #fff;
+ cursor: default;
+ transform: none;
+}
+
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-core-ui select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #016087;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-core-ui select::-ms-value {
+ background: transparent;
+ color: #555;
+}
+
+.wp-core-ui select:hover::-ms-value {
+ color: #007cba;
+}
+
+.wp-core-ui select:focus::-ms-value {
+ color: #016087;
+}
+
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
+ color: #a0a5aa;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-core-ui select::-ms-expand {
+ display: none;
+}
+
.wp-admin .button-cancel {
+ display: inline-block;
+ min-height: 28px;
padding: 0 5px;
line-height: 2;
}
@@ -324,8 +397,18 @@
max-width: 100%;
}
-.wp-admin select[multiple] {
+.meta-box-sortables input {
+ vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+ margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
height: auto;
+ padding-left: 8px;
+ background: #fff;
}
.submit {
@@ -381,11 +464,16 @@
input.small-text {
width: 50px;
- padding: 1px 6px;
+ padding: 0 6px;
+}
+
+label input.small-text {
+ margin-top: -4px;
}
input[type="number"].small-text {
width: 65px;
+ padding-left: 0;
}
input.tiny-text {
@@ -394,33 +482,19 @@
input[type="number"].tiny-text {
width: 45px;
+ padding-left: 0;
}
#doaction,
#doaction2,
#post-query-submit {
- margin: 1px 0 0 8px;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
- margin-top: 1px;
+ margin: 0 0 0 8px;
}
.tablenav .actions select {
float: right;
margin-left: 6px;
- max-width: 200px;
-}
-
-.ie8 .tablenav .actions select {
- width: 155px;
-}
-
-.ie8 .tablenav .actions select#cat {
- width: 200px;
+ max-width: 12.5rem;
}
#timezone_string option {
@@ -431,6 +505,10 @@
.wp-cancel-pw > .dashicons {
position: relative;
top: 3px;
+ width: 1.25rem;
+ height: 1.25rem;
+ top: 0.25rem;
+ font-size: 20px;
}
.wp-cancel-pw .dashicons-no {
@@ -524,9 +602,12 @@
.wp-pwd [type="password"] {
margin-bottom: 0;
/* Same height as the buttons */
- line-height: 20px;
- min-height: 28px;
- max-height: 40px;
+ min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+ display: none;
}
#pass1-text,
@@ -555,18 +636,12 @@
.tablenav .search-plugins input[name="s"],
.tagsdiv .newtag {
float: right;
- height: 28px;
margin: 0 0 0 4px;
}
.js.plugins-php .search-box .wp-filter-search {
margin: 0;
width: 280px;
- font-size: 16px;
- font-weight: 300;
- line-height: 1.5;
- padding: 3px 5px;
- height: 32px;
}
input[type="text"].ui-autocomplete-loading,
@@ -678,14 +753,18 @@
}
.form-table td fieldset label {
- margin: 0.25em 0 0.5em !important;
+ margin: 0.35em 0 0.5em !important;
display: inline-block;
}
+.form-table td fieldset p label {
+ margin-top: 0 !important;
+}
+
.form-table td fieldset label,
.form-table td fieldset p,
.form-table td fieldset li {
- line-height: 1.4em;
+ line-height: 1.4;
}
.form-table input.tog,
@@ -794,7 +873,7 @@
padding: 0.7em 2em 1em;
min-width: 255px;
max-width: 520px;
- border: 1px solid #e5e5e5;
+ border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
box-sizing: border-box;
@@ -917,6 +996,7 @@
.options-general-php input.small-text {
width: 56px;
+ margin: -2px 0;
}
.options-general-php .spinner {
@@ -967,7 +1047,7 @@
#search-users,
#search-sites {
- max-width: 100%;
+ max-width: 60%;
}
/*------------------------------------------------------------------------------
@@ -1101,7 +1181,7 @@
.tools-privacy-policy-page input.button,
.tools-privacy-policy-page select {
- margin-right: 6px;
+ margin: 0 6px 0 1px;
}
.tools-privacy-edit {
@@ -1109,7 +1189,7 @@
}
.tools-privacy-policy-page span {
- line-height: 2em;
+ line-height: 2;
}
.privacy_requests .column-email {
@@ -1131,6 +1211,14 @@
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
+.privacy_requests .row-actions {
+ color: #72777c;
+}
+
+.privacy_requests .row-actions.processing {
+ position: static;
+}
+
.privacy_requests tbody .has-request-results th {
box-shadow: none;
}
@@ -1149,11 +1237,8 @@
}
.privacy_requests .next_steps .button {
- height: auto;
- line-height: 1.5;
- padding: 4px 10px;
- word-break: break-all;
- white-space: unset;
+ word-wrap: break-word;
+ white-space: normal;
}
.privacy_requests .status-request-confirmed th,
@@ -1203,7 +1288,6 @@
}
.wp-privacy-request-form input {
- line-height: 1.5;
margin: 0;
}
@@ -1239,21 +1323,26 @@
}
input[type="text"],
+ input[type="password"],
+ input[type="date"],
+ input[type="datetime"],
+ input[type="datetime-local"],
input[type="email"],
+ input[type="month"],
+ input[type="number"],
input[type="search"],
- input[type="password"],
- input[type="number"] {
+ input[type="tel"],
+ input[type="time"],
+ input[type="url"],
+ input[type="week"] {
-webkit-appearance: none;
- padding: 6px 10px;
+ padding: 3px 10px;
+ /* Only necessary for IE11 */
+ min-height: 40px;
}
- input[type="number"] {
- height: 40px;
- }
-
- input.code {
- padding-bottom: 5px;
- padding-top: 10px;
+ ::-webkit-datetime-edit {
+ line-height: 1.875; /* 30px */
}
input[type="checkbox"],
@@ -1261,7 +1350,6 @@
.widefat thead td input[type="checkbox"],
.widefat tfoot td input[type="checkbox"] {
-webkit-appearance: none;
- padding: 10px;
}
.widefat th input[type="checkbox"],
@@ -1274,41 +1362,47 @@
.widefat th input[type="checkbox"]:before,
.widefat thead td input[type="checkbox"]:before,
.widefat tfoot td input[type="checkbox"]:before {
- font: normal 30px/1 dashicons;
- margin: -3px -5px;
+ width: 1.875rem;
+ height: 1.875rem;
+ margin: -0.1875rem -0.3125rem;
}
input[type="radio"],
input[type="checkbox"] {
- height: 25px;
- width: 25px;
+ height: 1.5625rem;
+ width: 1.5625rem;
}
.wp-admin p input[type="checkbox"],
.wp-admin p input[type="radio"] {
- margin-top: -3px;
+ margin-top: -0.1875rem;
}
input[type="radio"]:checked:before {
vertical-align: middle;
- width: 9px;
- height: 9px;
- margin: 7px;
- line-height: 16px;
+ width: 0.5625rem;
+ height: 0.5625rem;
+ margin: 0.4375rem;
+ line-height: 0.76190476;
}
.wp-upload-form input[type="submit"] {
margin-top: 10px;
}
- #wpbody select {
- height: 36px;
+ .wp-core-ui select,
+ .wp-admin .form-table select {
+ min-height: 40px;
font-size: 16px;
+ line-height: 1.625; /* 26px */
+ padding: 5px 8px 5px 24px;
}
.wp-admin .button-cancel {
- padding: 0;
+ margin-bottom: 0;
+ padding: 2px 0;
font-size: 14px;
+ vertical-align: middle;
}
#adduser .form-field input,
@@ -1358,9 +1452,6 @@
.form-table span.description,
#profile-page .form-table textarea {
width: 100%;
- font-size: 16px;
- line-height: 1.5;
- padding: 7px 10px;
display: block;
max-width: none;
box-sizing: border-box;
@@ -1371,10 +1462,6 @@
margin: -30px 0 0 3px;
}
- #wpbody .form-table td select {
- height: 40px;
- }
-
input[type="text"].small-text,
input[type="search"].small-text,
input[type="password"].small-text,
@@ -1404,12 +1491,10 @@
}
p.search-box input[name="s"] {
- height: auto;
float: none;
width: 100%;
margin-bottom: 10px;
vertical-align: middle;
- -webkit-appearance: none;
}
p.search-box input[type="submit"] {
@@ -1419,25 +1504,23 @@
.form-table span.description {
display: inline;
padding: 4px 0 0;
- line-height: 1.4em;
+ line-height: 1.4;
font-size: 14px;
}
.form-table th {
- padding-top: 10px;
- padding-bottom: 0;
+ padding: 10px 0 0 0;
border-bottom: 0;
}
.form-table td {
margin-bottom: 0;
- padding-bottom: 6px;
- padding-top: 4px;
- padding-right: 0;
+ padding: 4px 0 6px 0;
}
.form-table.permalink-structure td code {
margin-right: 32px;
+ display: inline-block;
}
.form-table.permalink-structure td input[type="text"] {
@@ -1454,6 +1537,10 @@
font-size: 14px;
}
+ .background-position-control .button-group > label {
+ font-size: 0;
+ }
+
.form-table fieldset label {
display: block;
}
@@ -1474,9 +1561,9 @@
position: relative;
}
- .wp-pwd [type="text"],
- .wp-pwd [type="password"] {
- padding-left: 88px;
+ /* Needs higher specificity than normal input type text and password. */
+ #profile-page .form-table #pass1 {
+ padding-left: 90px;
}
.wp-pwd button.button {
@@ -1489,10 +1576,14 @@
position: absolute;
left: 0;
top: 0;
+ width: 2.375rem;
+ height: 2.375rem;
+ min-width: 40px;
+ min-height: 40px;
}
.wp-pwd button.wp-hide-pw {
- left: 40px;
+ left: 2.5rem;
}
.wp-pwd button.button:hover,
@@ -1510,6 +1601,12 @@
display: none;
}
+ .wp-pwd [type="text"],
+ .wp-pwd [type="password"] {
+ line-height: 2;
+ padding-left: 5rem;
+ }
+
.wp-cancel-pw .dashicons-no {
display: inline-block;
}
@@ -1546,6 +1643,13 @@
.wp-list-table.privacy_requests.widefat thead td input {
margin-right: 5px;
}
+
+ .wp-privacy-request-form-field input[type="text"] {
+ width: 100%;
+ margin-bottom: 10px;
+ vertical-align: middle;
+ }
+
.regular-text {
max-width: 100%;
}