wp/wp-admin/css/list-tables.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
--- a/wp/wp-admin/css/list-tables.css	Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-admin/css/list-tables.css	Tue Sep 27 16:37:53 2022 +0200
@@ -384,6 +384,23 @@
 	margin-bottom: 0.2em;
 }
 
+/* Media Copy to clipboard row action */
+.media .row-actions .copy-to-clipboard-container {
+	display: inline;
+	position: relative;
+}
+
+.media .row-actions .copy-to-clipboard-container .success {
+	position: absolute;
+	left: 50%;
+	transform: translate(-50%, -100%);
+	background: #000;
+	color: #fff;
+	border-radius: 5px;
+	margin: 0;
+	padding: 2px 5px;
+}
+
 /* @todo: pick a consistent list table selector */
 .wp-list-table a {
 	transition: none;
@@ -797,7 +814,7 @@
 }
 
 .row-actions {
-	color: #dcdcde;
+	color: #a7aaad;
 	font-size: 13px;
 	padding: 2px 0 0;
 	position: relative;
@@ -841,16 +858,35 @@
 /*	Layout */
 
 #wpbody-content .inline-edit-row fieldset {
-	font-size: 12px;
 	float: left;
 	margin: 0;
-	padding: 0;
+	padding: 0 12px 0 0;
 	width: 100%;
+	box-sizing: border-box;
+}
+
+#wpbody-content .inline-edit-row td fieldset:last-of-type {
+	padding-right: 0;
 }
 
-tr.inline-edit-row td,
-#wpbody-content .inline-edit-row fieldset .inline-edit-col {
-	padding: 0 0.5em;
+tr.inline-edit-row td {
+	padding: 0;
+	/* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
+	position: relative;
+}
+
+.inline-edit-wrapper {
+	display: flow-root;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: 4px;
+}
+
+.inline-edit-wrapper:focus {
+	border-color: #2271b1;
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
@@ -871,7 +907,7 @@
 
 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
-	width: 49%;
+	width: 50%;
 }
 
 #wpbody-content .bulk-edit-row .inline-edit-col-left {
@@ -897,12 +933,26 @@
 }
 
 .inline-edit-row .submit {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
 	clear: both;
-	padding: 0.5em;
-	margin: 0.5em 0 0;
+	margin: 0;
+	padding: 0.5em 0 1em;
+}
+
+.inline-edit-save.submit .button {
+	margin-right: 8px;
+}
+
+.inline-edit-save .spinner {
+	float: none;
+	margin: 0;
 }
 
 .inline-edit-row .notice-error {
+	box-sizing: border-box;
+	min-width: 100%;
 	margin-top: 1em;
 }
 
@@ -916,15 +966,11 @@
 /* Needs higher specificity for the padding */
 #the-list .inline-edit-row .inline-edit-legend {
 	margin: 0;
-	padding: 0.2em 0.5em 0;
+	padding: 0.2em 0;
 	line-height: 2.5;
 	font-weight: 600;
 }
 
-#the-list #bulk-edit.inline-edit-row .inline-edit-legend {
-	padding: 0.2em 0.5em;
-}
-
 .inline-edit-row fieldset span.title,
 .inline-edit-row fieldset span.checkbox-title {
 	margin: 0;
@@ -1031,34 +1077,17 @@
 	width: 8em;
 }
 
-ul.cat-checklist {
-	height: 12em;
-	border: solid 1px #dcdcde;
-	overflow-y: scroll;
-	padding: 0 5px;
-	margin: 0;
-	background-color: #fff;
-}
-
-#bulk-titles {
-	display: block;
-	height: 12em;
-	border: 1px solid #dcdcde;
-	overflow-y: scroll;
-	padding: 0 5px;
-	margin: 0 0 5px;
-}
-
+#bulk-titles-list,
+#bulk-titles-list li,
 .inline-edit-row fieldset ul.cat-checklist li,
 .inline-edit-row fieldset ul.cat-checklist input {
 	margin: 0;
 	position: relative; /* RTL fix, #WP27629 */
 }
 
-.inline-edit-row fieldset ul.cat-checklist label,
-.inline-edit-row #bulk-titles div {
-	font-style: normal;
-	font-size: 11px;
+.inline-edit-row fieldset ul.cat-checklist input {
+	margin-top: -1px;
+	margin-left: 3px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
@@ -1078,27 +1107,48 @@
 	float: left;
 }
 
-#bulk-titles {
-	line-height: 140%;
+#bulk-titles,
+ul.cat-checklist {
+	height: 14em;
+	border: 1px solid #ddd;
+	margin: 0 0 5px;
+	padding: 0.2em 5px;
+	overflow-y: scroll;
 }
-#bulk-titles div {
-	margin: 0.2em 0.3em;
+
+#bulk-titles .ntdelbutton,
+#bulk-titles .ntdeltitle,
+.inline-edit-row fieldset ul.cat-checklist label {
+	display: inline-block;
+	margin: 0;
+	padding: 3px 0;
+	line-height: 20px;
+	vertical-align: top;
 }
 
-#bulk-titles div a {
-	cursor: pointer;
-	display: block;
-	float: left;
-	height: 18px;
-	margin: 0 3px 0 -2px;
-	overflow: hidden;
-	position: relative;
-	width: 20px;
+#bulk-titles .ntdelitem {
+	padding-left: 23px;
+}
+
+#bulk-titles .ntdelbutton {
+	width: 26px;
+	height: 26px;
+	margin: 0 0 0 -26px;
+	text-align: center;
+	border-radius: 3px;
 }
 
-#bulk-titles div a:before {
-	position: relative;
-	top: -3px;
+#bulk-titles .ntdelbutton:before {
+	display: inline-block;
+	vertical-align: top;
+}
+
+#bulk-titles .ntdelbutton:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
 }
 
 /*------------------------------------------------------------------------------
@@ -1254,6 +1304,11 @@
 	padding: 0 0 5px;
 }
 
+.plugins .row-actions {
+	white-space: normal;
+	min-width: 12em;
+}
+
 .plugins .update .second,
 .plugins .update .row-actions,
 .plugins .updated .second,
@@ -1552,7 +1607,7 @@
 }
 
 .plugin-card .notice {
-	margin: 20px 20px 0 20px;
+	margin: 20px 20px 0;
 }
 
 .plugin-icon {
@@ -1643,7 +1698,7 @@
 	}
 
 	.tablenav.top {
-		margin: 20px 0 5px 0;
+		margin: 20px 0 5px;
 	}
 
 	.tablenav.bottom {
@@ -1909,6 +1964,20 @@
 	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
 		float: none;
 		width: 100%;
+		padding: 0;
+	}
+
+	#the-list .inline-edit-row .inline-edit-legend,
+	.inline-edit-row span.title {
+		font-size: 16px;
+	}
+
+	.inline-edit-row p.howto {
+		font-size: 14px;
+	}
+
+	#wpbody-content .inline-edit-row-page .inline-edit-col-right {
+		margin-top: 0;
 	}
 
 	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
@@ -1936,9 +2005,28 @@
 		padding: 3px 4px;
 	}
 
-	.inline-edit-row fieldset ul.cat-checklist label,
-	.inline-edit-row #bulk-titles div {
+	#bulk-titles .ntdelbutton,
+	#bulk-titles .ntdeltitle,
+	.inline-edit-row fieldset ul.cat-checklist label {
+		padding: 6px 0;
 		font-size: 16px;
+		line-height: 28px;
+	}
+
+	#bulk-titles .ntdelitem {
+		padding-left: 37px;
+	}
+
+	#bulk-titles .ntdelbutton {
+		width: 40px;
+		height: 40px;
+		margin: 0 0 0 -40px;
+		overflow: hidden;
+	}
+
+	#bulk-titles .ntdelbutton:before {
+		font-size: 20px;
+		line-height: 28px;
 	}
 
 	.inline-edit-row fieldset label span.title,
@@ -1946,10 +2034,6 @@
 		float: none;
 	}
 
-	.inline-edit-row fieldset label.inline-edit-tags {
-		padding: 0 0.5em;
-	}
-
 	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
 		padding: 0;
 	}
@@ -1979,14 +2063,6 @@
 		display: block;
 	}
 
-	#bulk-titles div {
-		margin: 0.8em 0.3em;
-	}
-
-	#bulk-titles div a {
-		height: 22px;
-	}
-
 	/* Updates */
 	#wpbody-content .updates-table .plugin-title {
 		width: auto;