enmi-conf.org: comparison wp/wp-admin/css/list-tables.css

equal deleted inserted replaced

-:34716fd837a4
+:be944660c56a
 	display: block;
 	padding: 0 8px;
 	min-width: 24px;
 	height: 2em;
 	border-radius: 5px;
-	background-color: #72777c;
+	background-color: #646970;
 	color: #fff;
 	font-size: 11px;
 	line-height: 1.90909090;
 	text-align: center;
 }
 	content: "";
 	display: block;
 	margin-left: 8px;
 	width: 0;
 	height: 0;
-	border-top: 5px solid #72777c;
+	border-top: 5px solid #646970;
 	border-right: 5px solid transparent;
 }
 .column-response a.post-com-count-approved:hover .comment-count-approved,
 .column-response a.post-com-count-approved:focus .comment-count-approved,
 .column-comments a.post-com-count-approved:hover .comment-count-approved,
 .column-comments a.post-com-count-approved:focus .comment-count-approved {
-	background: #0073aa;
+	background: #2271b1;
 }
 .column-response a.post-com-count-approved:hover:after,
 .column-response a.post-com-count-approved:focus:after,
 .column-comments a.post-com-count-approved:hover:after,
 .column-comments a.post-com-count-approved:focus:after {
-	border-top-color: #0073aa;
+	border-top-color: #2271b1;
 }
 /* @todo: consider to use a single rule for these counters and the admin menu counters. */
 .column-response .post-com-count-pending,
 .column-comments .post-com-count-pending {
 	padding: 0 5px;
 	min-width: 7px;
 	height: 17px;
 	border: 2px solid #fff;
 	border-radius: 11px;
-	background: #ca4a1f;
+	background: #d63638;
 	color: #fff;
 	font-size: 9px;
 	line-height: 1.88888888;
 	text-align: center;
 }
 /* comments */
 .commentlist li {
 	padding: 1em 1em .2em;
 	margin: 0;
-	border-bottom: 1px solid #ccc;
+	border-bottom: 1px solid #c3c4c7;
 }
 .commentlist li li {
 	border-bottom: 0;
 	padding: 0;
 	margin: 0 0 .8em;
 }
 #submitted-on,
 .submitted-on {
-	color: #555d66;
+	color: #50575e;
 }
 /* reply to comments */
 #replyrow td {
 	padding: 2px;
 	height: 120px;
 	box-shadow: none;
 }
 #replyerror {
-	border-color: #ddd;
+	border-color: #dcdcde;
-	background-color: #f9f9f9;
+	background-color: #f6f7f7;
 }
 /* @todo: is this used? */
 .commentlist .avatar {
 	vertical-align: text-top;
 }
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-	background-color: #f5f5f5;
+	background-color: #f6f7f7;
 }
 #the-comment-list .unapproved th,
 #the-comment-list .unapproved td {
-	background-color: #fef7f1;
+	background-color: #fcf9e8;
 }
 #the-comment-list .unapproved th.check-column {
-	border-left: 4px solid #d54e21;
+	border-left: 4px solid #d63638;
 }
 #the-comment-list .unapproved th.check-column input {
 	margin-left: 4px;
 }
 #the-comment-list .approve a {
-	color: #006505;
+	color: #007017;
 }
 #the-comment-list .unapprove a {
-	color: #d98500;
+	color: #996800;
 }
 #the-comment-list th,
 #the-comment-list td {
 	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 /* table vim shortcuts */
 .vim-current,
 .vim-current th,
 .vim-current td {
-	background-color: #e4f2fd !important;
+	background-color: #f0f6fc !important;
 }
 th .comment-grey-bubble {
 	height: 16px;
 	width: 16px;
 }
 th .comment-grey-bubble:before {
 	content: "\f101";
 	font: normal 20px/.5 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
 	left: -4px;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 /*------------------------------------------------------------------------------
 10.0 - List Posts (/Pages/etc)
 ------------------------------------------------------------------------------*/
 	text-decoration: dotted underline;
 }
 .fixed .column-posts {
 	width: 74px;
+}
+.fixed .column-role,
+.fixed .column-posts {
+	-webkit-hyphens: auto;
+	hyphens: auto;
 }
 .fixed .column-comment .comment-author {
 	display: none;
 }
 }
 .sorting-indicator:before {
 	content: "\f142";
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: -4px;
 	left: -8px;
-	color: #444;
+	color: #3c434a;
 	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 .column-comments .sorting-indicator:before {
 	top: 0;
 	left: -10px;
 	cursor: pointer;
 }
 .wp-list-table .toggle-row:focus:before {
 	box-shadow:
-		0 0 0 1px #5b9dd9,
+		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(30, 140, 190, 0.8);
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
 }
 .wp-list-table .toggle-row:active {
 	box-shadow: none;
 }
 	top: -5px;
 	left: 10px;
 	border-radius: 50%;
 	display: block;
 	padding: 1px 2px 1px 0;
-	color: #444; /* same as table headers sort arrows */
+	color: #3c434a; /* same as table headers sort arrows */
 	content: "\f140";
 	font: normal 20px/1 dashicons;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	speak: none;
+	speak: never;
 }
 .wp-list-table .is-expanded .toggle-row:before {
 	content: "\f142";
 }
 	height: 20px;
 	width: 16px;
 }
 .locked-indicator-icon:before {
-	color: #82878c;
+	color: #8c8f94;
 	content: "\f160";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	vertical-align: middle;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 	line-height: 1.84615384;
 	text-decoration: none;
 }
 .view-switch a:before {
-	color: #b4b9be;
+	color: #c3c4c7;
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	speak: none;
+	speak: never;
 	vertical-align: middle;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 .view-switch a:hover:before,
 .view-switch a:focus:before {
-	color: #727272;
+	color: #787c82;
 }
 .view-switch a.current:before {
-	color: #0073aa;
+	color: #2271b1;
 }
 .view-switch .view-list:before {
 	content: "\f163";
 }
 	margin-right: 10px;
 	margin-top: 1px;
 }
 .row-actions {
-	color: #ddd;
+	color: #dcdcde;
 	font-size: 13px;
 	padding: 2px 0 0;
 	position: relative;
 	left: -9999em;
 }
 	width: 8em;
 }
 ul.cat-checklist {
 	height: 12em;
-	border: solid 1px #ddd;
+	border: solid 1px #dcdcde;
 	overflow-y: scroll;
 	padding: 0 5px;
 	margin: 0;
 	background-color: #fff;
 }
 #bulk-titles {
 	display: block;
 	height: 12em;
-	border: 1px solid #ddd;
+	border: 1px solid #dcdcde;
 	overflow-y: scroll;
 	padding: 0 5px;
 	margin: 0 0 5px;
 }
 	padding: 10px 9px;
 }
 .plugins .active td,
 .plugins .active th {
-	background-color: #f7fcfe;
+	background-color: #f0f6fc;
 }
 .plugins .update th,
 .plugins .update td {
 	border-bottom: 0;
 .plugins tr.active.plugin-update-tr + tr.inactive th,
 .plugins tr.active.plugin-update-tr + tr.inactive td,
 .plugins tr.active + tr.inactive th,
 .plugins tr.active + tr.inactive td {
 	border-top: 1px solid rgba(0, 0, 0, 0.03);
-	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
 }
 .plugins .update td,
 .plugins .update th,
 .upgrade .plugins tr:last-of-type td,
 	box-shadow: none;
 }
 .plugins .active th.check-column,
 .plugin-update-tr.active td {
-	border-left: 4px solid #00a0d2;
+	border-left: 4px solid #72aee6;
 }
 .wp-list-table.plugins .plugin-title,
 .wp-list-table.plugins .theme-title {
 	padding-right: 12px;
 	height: 64px;
 }
 .plugins .plugin-title .dashicons:before {
 	padding: 2px;
-	background-color: #eee;
+	background-color: #f0f0f1;
-	box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15);
+	box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
 	font-size: 60px;
-	color: #B4B9BE;
+	color: #c3c4c7;
 }
 #update-themes-table .plugin-title img,
 #update-themes-table .plugin-title .dashicons {
 	width: 85px;
 .updates-table .plugin-title a {
 	text-decoration: underline;
 }
 .plugins tr.paused th.check-column {
-	border-left: 4px solid #d54e21;
+	border-left: 4px solid #d63638;
 }
 .plugins tr.paused th,
 .plugins tr.paused td {
-	background-color: #fef7f1;
+	background-color: #f6f7f7;
 }
 .plugins tr.paused .plugin-title,
 .plugins .paused .dashicons-warning {
-	color: #dc3232;
+	color: #d63638;
 }
 .plugins .paused .error-display p,
 .plugins .paused .error-display code {
 	font-size: 90%;
-	color: rgba( 0, 0, 0, 0.7 );
+	color: rgba(0, 0, 0, 0.7);
 }
 .plugins .resume-link {
-	color: #dc3232;
+	color: #d63638;
 }
 .plugin-card .update-now:before {
-	color: #f56e28;
+	color: #d63638;
 	content: "\f463";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
 	margin: 3px 5px 0 -2px;
-	speak: none;
+	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	vertical-align: top;
 }
 		transform: rotate(359deg);
 	}
 }
 .plugin-card .updated-message:before {
-	color: #79ba49;
+	color: #68de7c;
 	content: "\f147";
 }
 .plugin-install-php h2 {
 	clear: both;
 	float: left;
 	margin: 0 8px 16px;
 	width: 48.5%;
 	width: calc( 50% - 8px );
 	background-color: #fff;
-	border: 1px solid #ddd;
+	border: 1px solid #dcdcde;
 	box-sizing: border-box;
 }
 .plugin-card:nth-child(odd) {
 	clear: both;
 }
 .plugin-card-bottom {
 	clear: both;
 	padding: 12px 20px;
-	background-color: #fafafa;
+	background-color: #f6f7f7;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #dcdcde;
 	overflow: hidden;
 }
 .plugin-card-bottom .star-rating {
 	display: inline;
 }
 .plugin-card-update-failed .notice-error {
 	margin: 0;
 	padding-left: 16px;
-	box-shadow: 0 -1px 0 #ddd;
+	box-shadow: 0 -1px 0 #dcdcde;
 }
 .plugin-card-update-failed .plugin-card-bottom {
 	display: none;
 }
 	width: calc( 100% - 180px );
 }
 .plugin-card .column-compatibility span:before {
 	font: normal 20px/.5 dashicons;
-	speak: none;
+	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: 4px;
 	left: -2px;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #444;
+	color: #3c434a;
 }
 .plugin-card .column-compatibility .compatibility-incompatible:before {
 	content: "\f158";
-	color: #c62d2d;
+	color: #d63638;
 }
 .plugin-card .column-compatibility .compatibility-compatible:before {
 	content: "\f147";
-	color: #31843f;
+	color: #007017;
 }
 .plugin-card .notice {
 	margin: 20px 20px 0 20px;
 }
 	height: 128px;
 	margin: 0 20px 20px 0;
 }
 .no-plugin-results {
-	color: #666; /* same as no themes and no media */
+	color: #646970; /* same as no themes and no media */
 	font-size: 18px;
 	font-style: normal;
 	margin: 0;
 	padding: 100px 0 0;
 	text-align: center;
 }
 /* ms */
 /* Background Color for Site Status */
 .wp-list-table .site-deleted,
-.wp-list-table tr.site-deleted {
+.wp-list-table tr.site-deleted,
-	background: #ff8573;
-}
-.wp-list-table .site-spammed,
-.wp-list-table tr.site-spammed {
-	background: #faafaa;
-}
 .wp-list-table .site-archived,
 .wp-list-table tr.site-archived {
-	background: #ffebe8;
+	background: #fcf0f1;
 }
+.wp-list-table .site-spammed,
+.wp-list-table tr.site-spammed,
 .wp-list-table .site-mature,
 .wp-list-table tr.site-mature {
-	background: #fecac2;
+	background: #fcf9e8;
 }
 .sites.fixed .column-lastupdated,
 .sites.fixed .column-registered {
 	width: 20%;
 	.tablenav.top .tablenav-pages.one-page {
 		display: none;
 	}
 	.tablenav.bottom .tablenav-pages.one-page {
-		margin: 15px 0 0 0;
+		margin-top: 15px;
 		height: 0;
 	}
 	.tablenav-pages .pagination-links {
 		font-size: 16px;
 		min-width: 0;
 		padding: 0;
 		border: none;
 		border-radius: 0;
 		background: none;
-		color: #bb2a2a;
+		color: #b32d2e;
 		font-size: inherit;
 		line-height: inherit;
 		text-align: left;
 	}
 	.column-response .post-com-count-pending:hover,
 	.column-comments .post-com-count-pending:hover {
-		color: #dc3232;
+		color: #d63638;
 	}
 	.widefat thead td.check-column,
 	.widefat tfoot td.check-column {
 		padding-top: 10px;
 	}
+	.row-actions {
+		margin-left: -8px;
+		margin-right: -8px;
+		padding-top: 4px;
+	}
 	/* Make row actions more easy to select on mobile */
 	body:not(.plugins-php) .row-actions {
-		display: -ms-grid;
+		display: flex;
-		display: grid;
+		flex-wrap: wrap;
-		-ms-grid-columns: auto auto auto;
+		gap: 8px;
-		grid-template-columns: auto auto auto;
 		color: transparent;
-	}
-	.row-actions span {
-		padding: 4px 0;
 	}
 	.row-actions span a,
 	.row-actions span .button-link {
 		display: inline-block;
-		padding: 4px 0;
+		padding: 4px 8px;
 		line-height: 1.5;
 	}
 	.row-actions span.approve:before,
 	.row-actions span.unapprove:before {
 	.plugins .plugin-update-tr:before {
 		content: "";
 		display: table-cell;
 	}
-	.plugins .active.update + .plugin-update-tr:before {
-		border-left: 4px solid #d54e21;
-		background-color: #fef7f1;
-	}
 	.plugins #the-list .plugin-update-tr .plugin-update {
 		border-left: none;
 	}
 	.plugin-update-tr .update-message {
 		margin-left: 0;
 	}
-	.plugins .active.update + .plugin-update-tr:before {
+	.plugins .active.update + .plugin-update-tr:before,
-		background-color: #f7fcfe;
+	.plugins .active.updated + .plugin-update-tr:before {
-		border-left: 4px solid #00a0d2;
+		background-color: #f0f6fc;
+		border-left: 4px solid #72aee6;
 	}
 	.plugins .plugin-update-tr .update-message {
 		margin-left: 0;
 	}
 	.plugin-card {
 		margin-left: 0;
 		margin-right: 0;
 		width: 100%;
 	}
+	table.media .column-title .has-media-icon ~ .row-actions {
+		margin-left: 0;
+		clear: both;
+	}
 }
 @media screen and (max-width: 480px) {
 	.tablenav-pages .current-page {
 		margin: 0;
 	}
-	/* Drop row actions to two columns on a small screen */
+	.tablenav.bottom .displaying-num {
-	.row-actions:not(.plugins-php) {
+		position: relative;
-		-ms-grid-columns: auto auto;
+		top: 0;
-		grid-template-columns: auto auto;
+		display: block;
+		text-align: right;
+		padding-bottom: 0.5em;
+	}
+	.tablenav.bottom .tablenav-pages.one-page {
+		height: auto;
 	}
 	.tablenav-pages .tablenav-paging-text {
 		float: left;
 		width: 100%;

changeset 18	be944660c56a
parent 16	a86126ab1dd4
child 19	3d72ae0968f4