enmi-conf.org: comparison wp/wp-admin/css/forms.css

equal deleted inserted replaced

-:7b1b88e27a20
+:48c4eec2b7e6
 	overflow: auto;
 	padding: 2px 6px;
 	/* inherits font size 14px */
 	line-height: 1.42857143; /* 20px */
 	resize: vertical;
-}
-label {
-	cursor: pointer;
 }
 input,
 select {
 	margin: 0 1px;
 	color: rgba(44, 51, 56, 0.5);
 }
 input[type="file"]:disabled,
 input[type="file"].disabled,
+input[type="file"][aria-disabled="true"],
 input[type="range"]:disabled,
-input[type="range"].disabled {
+input[type="range"].disabled,
+input[type="range"][aria-disabled="true"] {
 	background: none;
 	box-shadow: none;
 	cursor: default;
 }
 input[type="checkbox"]:disabled,
 input[type="checkbox"].disabled,
+input[type="checkbox"][aria-disabled="true"],
 input[type="radio"]:disabled,
 input[type="radio"].disabled,
+input[type="radio"][aria-disabled="true"],
 input[type="checkbox"]:disabled:checked:before,
 input[type="checkbox"].disabled:checked:before,
 input[type="radio"]:disabled:checked:before,
 input[type="radio"].disabled:checked:before {
 	opacity: 0.7;
+	cursor: default;
 }
 /*------------------------------------------------------------------------------
 2.0 - Forms
 ------------------------------------------------------------------------------*/
 	text-shadow: 0 1px 0 #fff;
 	cursor: default;
 	transform: none;
 }
+.wp-core-ui select[aria-disabled="true"] {
+	cursor: default;
+}
 /* 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 #0a4b78;
 	margin: 0 0 1em;
 }
 .wp-generate-pw {
 	margin-top: 1em;
+	position: relative;
+}
+.wp-pwd button {
+	height: min-content;
+}
+.wp-pwd button.pwd-toggle .dashicons {
+	position: relative;
+	top: 0.25rem;
 }
 .wp-pwd {
 	margin-top: 1em;
+	position: relative;
+}
+.mailserver-pass-wrap .wp-pwd {
+	display: inline-block;
+	margin-top: 0;
+}
+/* rtl:ignore */
+#mailserver_pass {
+	padding-right: 2.5rem;
+}
+/* rtl:ignore */
+.mailserver-pass-wrap .button.wp-hide-pw {
+	background: transparent;
+	border: 1px solid transparent;
+	box-shadow: none;
+	font-size: 14px;
+	line-height: 2;
+	width: 2.5rem;
+	min-width: 40px;
+	margin: 0;
+	padding: 0 9px;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.mailserver-pass-wrap .button.wp-hide-pw:hover {
+	background: transparent;
+	border-color: transparent;
+}
+.mailserver-pass-wrap .button.wp-hide-pw:focus {
+	background: transparent;
+	border-color: #3582c4;
+	border-radius: 4px;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+.mailserver-pass-wrap .button.wp-hide-pw:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
 }
 #misc-publishing-actions label {
 	vertical-align: baseline;
 }
 	background-color: #b8e6bf;
 	border-color: #68de7c;
 	opacity: 1;
 }
+.password-input-wrapper {
+	display: inline-block;
+}
 .password-input-wrapper input {
 	font-family: Consolas, Monaco, monospace;
 }
 #pass1.short, #pass1-text.short {
 	border-color: #f0c33c;
 }
 #pass1.strong, #pass1-text.strong {
 	border-color: #68de7c;
+}
+#pass1:focus,
+#pass1-text:focus {
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .pw-weak {
 	display: none;
 }
 .show-password #pass1-text {
 	display: inline-block;
 }
 p.search-box {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	column-gap: 0.5rem;
+	position: relative;
 	float: right;
-	margin: 0;
+	margin: 11px 0;
 }
 .network-admin.themes-php p.search-box {
 	clear: left;
 }
 input[type="text"].ui-autocomplete-loading,
 input[type="email"].ui-autocomplete-loading {
 	background-image: url(../images/loading.gif);
 	background-repeat: no-repeat;
-	background-position: right center;
+	background-position: right 5px center;
 	visibility: visible;
 }
 input.ui-autocomplete-input.open {
 	border-bottom-color: transparent;
 	color: #fff;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
+.button-add-site-icon {
+	width: 100%;
+	cursor: pointer;
+	text-align: center;
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	padding: 9px 0;
+	line-height: 1.6;
+	max-width: 270px;
+}
+.button-add-site-icon:focus,
+.button-add-site-icon:hover {
+	background: #fff;
+}
+.site-icon-section .favicon-preview {
+	float: left;
+}
+.site-icon-section .app-icon-preview {
+	float: left;
+	margin: 0 20px;
+}
+.site-icon-section .site-icon-preview img {
+	max-width: 100%;
+}
+.button-add-site-icon:focus {
+	background-color: #fff;
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	outline: 2px solid transparent;
+}
 /*------------------------------------------------------------------------------
 15.0 - Comments Screen
 ------------------------------------------------------------------------------*/
 .form-table {
 	margin-top: 1em;
 }
 .form-table p.timezone-info {
 	margin: 1em 0;
+	display: flex;
+	flex-direction: column;
+}
+#local-time {
+	margin-top: 0.5em;
 }
 .form-table td fieldset label {
 	margin: 0.35em 0 0.5em !important;
 	display: inline-block;
 .color-option.selected {
 	background: #dcdcde;
 }
 .color-palette {
+	display: table;
 	width: 100%;
 	border-spacing: 0;
 	border-collapse: collapse;
 }
+.color-palette .color-palette-shade,
 .color-palette td {
+	display: table-cell;
 	height: 20px;
 	padding: 0;
 	border: none;
 }
 }
 #application-passwords-section .notice {
 	margin-top: 20px;
 	margin-bottom: 0;
+	word-wrap: break-word;
 }
 .application-password-display input.code {
 	width: 19em;
 }
 	float: none;
 	margin: -3px 3px 0;
 }
 .settings-php .language-install-spinner,
-.options-general-php .language-install-spinner {
+.options-general-php .language-install-spinner,
+.user-edit-php .language-install-spinner,
+.profile-php .language-install-spinner {
 	display: inline-block;
 	float: none;
 	margin: -3px 5px 0;
 	vertical-align: middle;
 }
+.form-table.permalink-structure .available-structure-tags {
+	margin-top: 8px;
+}
+.form-table.permalink-structure .available-structure-tags ul {
+	display: flex;
+	flex-wrap: wrap;
+	margin: 8px 0 0;
+}
 .form-table.permalink-structure .available-structure-tags li {
-	float: left;
+	margin: 6px 5px 0 0;
-	margin-right: 5px;
+}
+.form-table.permalink-structure .available-structure-tags li:last-child {
+	margin-right: 0;
+}
+.form-table.permalink-structure .structure-selection .row {
+	margin-bottom: 16px;
+}
+.form-table.permalink-structure .structure-selection .row > div {
+	max-width: calc(100% - 24px);
+	display: inline-flex;
+	flex-direction: column;
+}
+.form-table.permalink-structure .structure-selection .row label {
+	font-weight: 600;
+}
+.form-table.permalink-structure .structure-selection .row p {
+	margin-top: 0;
 }
 /*------------------------------------------------------------------------------
 21.0 - Network Admin
 ------------------------------------------------------------------------------*/
 }
 #search-users,
 #search-sites {
 	max-width: 60%;
+}
+.configuration-rules-label {
+	font-weight: 600;
+	margin-bottom: 4px;
 }
 /*------------------------------------------------------------------------------
 Credentials check dialog for Install and Updates
 ------------------------------------------------------------------------------*/
 	.export-filters li {
 		margin-bottom: 0;
 	}
+	.form-table .color-palette .color-palette-shade,
 	.form-table .color-palette td {
 		display: table-cell;
 		width: 15px;
-	}
+		height: 30px;
+		padding: 0;
-	.form-table table.color-palette {
+	}
+	.form-table .color-palette {
 		margin-right: 10px;
 	}
 	textarea,
 	input {
 		width: 100%;
 		box-sizing: border-box;
 		padding: 8px;
 	}
+	.password-input-wrapper {
+		display: block;
+	}
 	p.search-box {
 		float: none;
-		position: absolute;
+		width: 100%;
-		bottom: 0;
-		width: 98%;
-		height: 90px;
 		margin-bottom: 20px;
+		display: flex;
 	}
 	p.search-box input[name="s"] {
 		float: none;
 		width: 100%;
 		margin-bottom: 0;
 		padding: 4px 0 6px;
 	}
 	.form-table.permalink-structure td code {
-		margin-left: 32px;
 		display: inline-block;
 	}
+	.form-table.permalink-structure .structure-selection {
+		margin-top: 8px;
+	}
+	.form-table.permalink-structure .structure-selection .row > div {
+		max-width: calc(100% - 36px);
+		width: 100%;
+	}
 	.form-table.permalink-structure td input[type="text"] {
-		margin-left: 32px;
 		margin-top: 4px;
-		width: 96%;
 	}
 	.form-table input.regular-text {
 		width: 100%;
 	}
 	.form-table label {
 		font-size: 14px;
 	}
+	.form-table td > label:first-child {
+		display: inline-block;
+		margin-top: 0.35em;
+	}
 	.background-position-control .button-group > label {
 		font-size: 0;
 	}
 	.form-table fieldset label {
 		display: block;
-	}
-	#utc-time,
-	#local-time {
-		display: block;
-		float: none;
-		margin-top: 0.5em;
 	}
 	.form-field #domain {
 		max-width: none;
 	}
 	.wp-pwd button.wp-hide-pw {
 		right: 2.5rem;
 	}
+	body.user-new-php .wp-pwd button.wp-hide-pw {
+		right: 0;
+	}
 	.wp-pwd button.button:hover,
 	.wp-pwd button.button:focus {
 		background: transparent;
 	}
 	.wp-pwd [type="password"] {
 		line-height: 2;
 		padding-right: 5rem;
 	}
+	body.user-new-php .wp-pwd [type="text"],
+	body.user-new-php .wp-pwd [type="password"] {
+		padding-right: 2.5rem;
+	}
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
+	}
+	.mailserver-pass-wrap .wp-pwd {
+		display: block;
+	}
+	/* rtl:ignore */
+	#mailserver_pass {
+		padding-left: 10px;
 	}
 	.options-general-php input[type="text"].small-text {
 		max-width: 6.25em;
 		margin: 0;

changeset 21	48c4eec2b7e6
parent 19	3d72ae0968f4
child 22	8c2e4d02f4ef