wp/wp-admin/css/forms-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-admin/css/forms-rtl.css	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/forms-rtl.css	Mon Oct 14 18:28:13 2019 +0200
@@ -24,7 +24,7 @@
 select,
 textarea {
 	border: 1px solid #ddd;
-	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
 	background-color: #fff;
 	color: #32373c;
 	outline: none;
@@ -51,7 +51,9 @@
 select:focus,
 textarea:focus {
 	border-color: #5b9dd9;
-	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 /* rtl:ignore */
@@ -84,7 +86,7 @@
 	width: 16px;
 	min-width: 16px;
 	-webkit-appearance: none;
-	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	transition: .05s border-color ease-in-out;
 }
 
@@ -228,18 +230,20 @@
 }
 
 ::-moz-placeholder {
-   color: #72777c;
-   opacity: 1;
+	color: #72777c;
+	opacity: 1;
 }
 
 :-ms-input-placeholder {
 	color: #72777c;
 }
 
-.form-invalid input, .form-invalid input:focus,
-.form-invalid select, .form-invalid select:focus {
+.form-invalid input,
+.form-invalid input:focus,
+.form-invalid select,
+.form-invalid select:focus {
 	border-color: #dc3232 !important;
- box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+	box-shadow: 0 0 2px rgba(204, 0, 0, 0.8);
 }
 
 .form-table .form-required.form-invalid td:after {
@@ -252,11 +256,11 @@
 
 /* Adjust error indicator for password layout */
 .form-table .form-required.user-pass1-wrap.form-invalid td:after {
-	content: '';
+	content: "";
 }
 
 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
-	content: '\f534';
+	content: "\f534";
 	font: normal 20px/1 dashicons;
 	color: #dc3232;
 	margin: 0 -29px 0 6px;
@@ -273,10 +277,10 @@
 select.disabled,
 textarea:disabled,
 textarea.disabled {
-	background: rgba( 255, 255, 255, 0.5 );
-	border-color: rgba( 222, 222, 222, 0.75 );
-	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
-	color: rgba( 51, 51, 51, 0.5 );
+	background: rgba(255, 255, 255, 0.5);
+	border-color: rgba(222, 222, 222, 0.75);
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+	color: rgba(51, 51, 51, 0.5);
 }
 
 input[type="file"]:disabled,
@@ -423,11 +427,16 @@
 	margin-right: 1em;
 }
 
-button.wp-hide-pw > .dashicons {
+.wp-hide-pw > .dashicons,
+.wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
 }
 
+.wp-cancel-pw .dashicons-no {
+	display: none;
+}
+
 label,
 #your-profile label + a {
 	vertical-align: middle;
@@ -455,7 +464,7 @@
 	background-color: #eee;
 	border: 1px solid #ddd;
 	color: #23282d;
-	margin: -2px 1px 5px 5px;
+	margin: -1px 1px 5px;
 	padding: 3px 5px;
 	text-align: center;
 	width: 25em;
@@ -504,25 +513,33 @@
 }
 
 .pw-weak {
-	display:none;
+	display: none;
 }
 
 .indicator-hint {
 	padding-top: 8px;
 }
 
+.wp-pwd [type="text"],
+.wp-pwd [type="password"] {
+	margin-bottom: 0;
+	/* Same height as the buttons */
+	line-height: 20px;
+	min-height: 28px;
+	max-height: 40px;
+}
+
 #pass1-text,
 .show-password #pass1 {
 	display: none;
 }
 
-.show-password #pass1-text
-{
-	display: inline-block;
+#pass1-text::-ms-clear {
+	display: none;
 }
 
-.form-table span.description.important {
-	font-size: 12px;
+.show-password #pass1-text {
+	display: inline-block;
 }
 
 p.search-box {
@@ -575,7 +592,7 @@
 	position: absolute;
 	z-index: 10000;
 	border: 1px solid #5b9dd9;
-	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+	box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
 	background-color: #fff;
 }
 
@@ -778,8 +795,9 @@
 	min-width: 255px;
 	max-width: 520px;
 	border: 1px solid #e5e5e5;
-	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
+	box-sizing: border-box;
 }
 
 /* Press this styles */
@@ -834,13 +852,11 @@
 	left: 10px;
 	bottom: 9px;
 	background: transparent;
-	-webkit-transform: skew(-20deg) rotate(-6deg);
 	transform: skew(-20deg) rotate(-6deg);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 }
 
 .pressthis-bookmarklet:hover:after {
-	-webkit-transform: skew(-20deg) rotate(-9deg);
 	transform: skew(-20deg) rotate(-9deg);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 }
@@ -974,8 +990,8 @@
 }
 
 #request-filesystem-credentials-title {
-    font-size: 1.3em;
-    margin: 1em 0;
+	font-size: 1.3em;
+	margin: 1em 0;
 }
 
 .request-filesystem-credentials-form legend {
@@ -1112,7 +1128,7 @@
 .privacy_requests tbody th {
 	border-right: 4px solid #fff;
 	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 
 .privacy_requests tbody .has-request-results th {
@@ -1125,7 +1141,7 @@
 
 .privacy_requests tbody td {
 	background: #fff;
-	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 
 .privacy_requests tbody .has-request-results td {
@@ -1157,18 +1173,18 @@
 }
 
 .status-label {
-	font-weight: bold;
+	font-weight: 600;
 }
 
 .status-label.status-request-pending {
-	font-weight: normal;
+	font-weight: 400;
 	font-style: italic;
 	color: #6c7781;
 }
 
 .status-label.status-request-failed {
 	color: #aa0000;
-	font-weight: bold;
+	font-weight: 600;
 }
 
 .wp-privacy-request-form {
@@ -1180,7 +1196,7 @@
 }
 
 .wp-privacy-request-form label {
-	font-weight: bold;
+	font-weight: 600;
 	line-height: 1.5;
 	padding-bottom: .5em;
 	display: block;
@@ -1204,7 +1220,6 @@
 .email-personal-data--sending::before {
 	color: #f56e28;
 	content: "\f463";
-	-webkit-animation: rotation 2s infinite linear;
 	animation: rotation 2s infinite linear;
 }
 
@@ -1217,7 +1232,7 @@
 /* =Media Queries
 -------------------------------------------------------------- */
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 	/* Input Elements */
 	textarea {
 		-webkit-appearance: none;
@@ -1461,31 +1476,44 @@
 
 	.wp-pwd [type="text"],
 	.wp-pwd [type="password"] {
-		padding-left: 40px;
+		padding-left: 88px;
 	}
 
 	.wp-pwd button.button {
 		background: transparent;
-		border: none;
+		border: 1px solid transparent;
 		box-shadow: none;
 		line-height: 2;
 		margin: 0;
-		padding: 5px 10px;
+		padding: 5px 9px;
 		position: absolute;
 		left: 0;
 		top: 0;
 	}
 
+	.wp-pwd button.wp-hide-pw {
+		left: 40px;
+	}
+
 	.wp-pwd button.button:hover,
-	.wp-pwd button.button:focus,
+	.wp-pwd button.button:focus {
+		background: transparent;
+	}
+
 	.wp-pwd button.button:active {
 		background: transparent;
+		box-shadow: none;
+		transform: none;
 	}
 
 	.wp-pwd .button .text {
 		display: none;
 	}
 
+	.wp-cancel-pw .dashicons-no {
+		display: inline-block;
+	}
+
 	.options-general-php input[type="text"].small-text {
 		max-width: 6.25em;
 		margin: 0;
@@ -1493,21 +1521,21 @@
 
 	/* Privacy Policy settings screen */
 	.tools-privacy-policy-page form.wp-create-privacy-page {
-	    margin-bottom: 1em;
+		margin-bottom: 1em;
 	}
 
- 	.tools-privacy-policy-page input#set-page,
+	.tools-privacy-policy-page input#set-page,
 	.tools-privacy-policy-page select {
 		margin: 10px 0 0;
 	}
 
 	.tools-privacy-policy-page .wp-create-privacy-page span {
-	    display: block;
-	    margin-bottom: 1em;
+		display: block;
+		margin-bottom: 1em;
 	}
 
 	.tools-privacy-policy-page .wp-create-privacy-page .button {
-	    margin-right: 0;
+		margin-right: 0;
 	}
 
 	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
@@ -1518,6 +1546,9 @@
 	.wp-list-table.privacy_requests.widefat thead td input {
 		margin-right: 5px;
 	}
+	.regular-text {
+		max-width: 100%;
+	}
 }
 
 @media only screen and (max-width: 768px) {
@@ -1530,18 +1561,12 @@
 	}
 
 	.form-wrap .form-field {
-		padding:0;
-	}
-
-	/* users */
-	#profile-page .form-table textarea {
-		max-width: 400px;
-		width: auto;
+		padding: 0;
 	}
 }
 
 @media only screen and (max-height: 480px), screen and (max-width: 450px) {
-	/*  Request Credentials / File Editor Warning */
+	/* Request Credentials / File Editor Warning */
 	.request-filesystem-credentials-dialog .notification-dialog,
 	.file-editor-warning .notification-dialog {
 		width: 100%;
@@ -1569,24 +1594,11 @@
 	}
 }
 
-@-webkit-keyframes rotation {
+@keyframes rotation {
 	0% {
-		-webkit-transform: rotate(0deg);
 		transform: rotate(0deg);
 	}
 	100% {
-		-webkit-transform: rotate(-359deg);
 		transform: rotate(-359deg);
 	}
 }
-
-@keyframes rotation {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(-359deg);
-		transform: rotate(-359deg);
-	}
-}