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

equal deleted inserted replaced

-:3d4e9c994f10
+:a86126ab1dd4
 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
 	border: none !important;
 }
-.ie8 #wpbody-content #dashboard-widgets .postbox-container {
-	width: 49.5%;
-}
-.ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
-.ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
-.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
-	float: right;
-	width: 50.5%;
-}
-.ie8 #dashboard-widgets #postbox-container-3 .empty-container,
-.ie8 #dashboard-widgets #postbox-container-4 .empty-container {
-	border: 0 none;
-	height: 0;
-	min-height: 0;
-}
 #dashboard-widgets-wrap {
 	overflow: hidden;
 	margin: 0 -8px;
 }
 #dashboard-widgets .postbox .inside {
 	margin-bottom: 0;
 }
 #dashboard-widgets .meta-box-sortables {
-	margin: 0 8px;
+	display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
+	/* Required min-height to make the jQuery UI Sortable drop zone work. */
 	min-height: 100px;
-}
+	margin: 0 8px 20px;
+}
+#dashboard-widgets .postbox-container .empty-container {
+	outline: 3px dashed #b4b9be;
+	height: 250px;
+}
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+	outline: 3px dashed #606a73;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+}
+#dashboard-widgets .postbox-container .empty-container:after {
+	content: attr(data-emptystring);
+	margin: auto;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	right: 0;
+	transform: translateY( -50% );
+	padding: 0 2em;
+	text-align: center;
+	color: #606a73;
+	font-size: 16px;
+	line-height: 1.5;
+	display: none;
+}
 /* @todo: this was originally in this section, but likely belongs elsewhere */
 #the-comment-list td.comment p.comment-author {
 	margin-top: 0;
 	margin-left: 0;
 .welcome-panel {
 	position: relative;
 	overflow: auto;
 	margin: 16px 0;
 	padding: 23px 10px 0;
-	border: 1px solid #e5e5e5;
+	border: 1px solid #ccd0d4;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 	background: #fff;
 	font-size: 13px;
-	line-height: 2.1em;
+	line-height: 1.7;
 }
 .welcome-panel h2 {
 	margin: 0;
 	font-size: 21px;
 .welcome-panel p {
 	color: #72777c;
 }
-.welcome-panel a {
+.welcome-panel li a {
 	text-decoration: none;
 }
 .welcome-panel .about-description {
 	font-size: 16px;
 	width: 32%;
 	min-width: 200px;
 	float: left;
 }
-.ie8 .welcome-panel .welcome-panel-column {
-	min-width: 230px;
-}
 .welcome-panel .welcome-panel-column:first-child {
 	width: 36%;
 }
 .welcome-panel-column p.hide-if-no-customize {
 	margin-top: 7px;
 	color: #444;
 }
 .welcome-panel .welcome-widgets-menus {
-	line-height: 16px;
+	line-height: 1.14285714;
 }
 .welcome-panel .welcome-panel-column ul {
 	margin: 0.8em 1em 1em 0;
 }
 .welcome-panel .welcome-panel-column li {
-	line-height: 16px;
+	line-height: 1.14285714;
 	list-style-type: none;
 	padding: 0 0 8px;
 }
 .welcome-panel .welcome-icon {
 /* Welcome Panel and Right Now common Icons style */
 .welcome-panel .welcome-icon:before,
 #dashboard_right_now li a:before,
-#dashboard_right_now li span:before {
+#dashboard_right_now li span:before,
-	color: #82878c;
+#dashboard_right_now .search-engines-info:before {
+	color: #606a73;
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
 	padding: 0 10px 0 0;
 	position: relative;
 .welcome-panel .welcome-widgets-menus:before {
 	content: "\f116";
 	top: -2px;
 }
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
 .welcome-panel .welcome-comments:before {
 	content: "\f117";
 	top: -1px;
 }
 	top: -1px;
 }
 /* Right Now specific Icons styles */
+#dashboard_right_now .search-engines-info:before,
 #dashboard_right_now li a:before,
 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
 	content: "\f159"; /* generic icon for items added by CPTs ? */
 	padding: 0 5px 0 0;
 }
 	content: "\f104";
 }
 #dashboard_right_now .storage-count.warning a:before {
 	content: "\f153";
+}
+#dashboard_right_now .search-engines-info:before {
+	content: "\f348";
 }
 /* Dashboard WordPress events */
 .community-events-errors {
 .community-events li.event-none {
 	border-left: 4px solid #00a0d2;
 }
+#dashboard-widgets .community-events li.event-none a {
+	text-decoration: underline;
+}
 .community-events-form label {
 	display: inline-block;
 	vertical-align: top;
-	line-height: 28px;
+	line-height: 2.15384615;
 	height: 28px;
 }
 .community-events .activity-block > p {
 	margin-bottom: 0;
 /* Needs higher specificity than #dashboard-widgets .button-link */
 #dashboard-widgets .community-events-cancel.button-link {
 	vertical-align: top;
 	/* Same properties as the submit button for cross-browsers alignment. */
-	line-height: 26px;
+	line-height: 2;
 	height: 28px;
 	text-decoration: underline;
 }
 .community-events ul {
 	width: 18px;
 	display: none; /* Hide on smaller screens */
 }
 .event-icon:before {
-	color: #82878C;
+	color: #606a73;
 	font-size: 18px;
 }
 .event-meetup .event-icon:before {
 	content: "\f484";
 }
 #dashboard_right_now #wp-version-message .button {
 	float: right;
 	position: relative;
 	top: -5px;
 	margin-left: 5px;
+}
+#dashboard_right_now p.search-engines-info {
+	margin: 1em 0;
 }
 .mu-storage {
 	overflow: hidden;
 }
 	padding-bottom: 0;
 }
 #dashboard_activity .no-activity {
 	overflow: hidden;
-	padding: 0 0 12px;
+	padding: 12px 0;
 	text-align: center;
 }
 #dashboard_activity .no-activity p {
 	color: #72777c;
 	font-size: 16px;
-}
-#dashboard_activity .no-activity .smiley {
-	margin-top: 0;
-}
-#dashboard_activity .no-activity .smiley:before {
-	content: "\f328";
-	font: normal 120px/1 dashicons;
-	speak: none;
-	display: block;
-	margin: 0 5px 0 0;
-	padding: 0;
-	text-indent: 0;
-	text-align: center;
-	position: relative;
-	-webkit-font-smoothing: antialiased;
-	text-decoration: none !important;
 }
 #dashboard_activity .subsubsub {
 	float: none;
 	border-top: 1px solid #eee;
 #activity-widget #the-comment-list .avatar {
 	position: absolute;
 	top: 12px;
 }
-#activity-widget #the-comment-list .dashboard-comment-wrap {
+#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
 	padding-left: 63px;
 }
 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
 	margin: 1em 0;
 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
 	min-width: 0;
 }
-#dashboard-widgets a,
+#dashboard-widgets li a,
-#dashboard-widgets .button-link {
+#dashboard-widgets .button-link,
+.community-events-footer a {
 	text-decoration: none;
 }
 #dashboard-widgets h2 a {
 	text-decoration: underline;
 #latest-comments #the-comment-list .comment-item:first-child {
 	border-top: none;
 }
 #latest-comments #the-comment-list .comment-meta {
-	line-height: 1.5em;
+	line-height: 1.5;
 	margin: 0;
 	color: #666;
 }
 #latest-comments #the-comment-list .comment-meta cite {
 }
 a.rsswidget {
 	font-size: 13px;
 	font-weight: 600;
-	line-height: 1.4em;
+	line-height: 1.4;
 }
 .rss-widget ul li {
-	line-height: 1.5em;
+	line-height: 1.5;
 	margin-bottom: 12px;
 }
 .rss-widget span.rss-date {
 	color: #72777c;
 #dashboard_php_nag.php-insecure .dashicons-warning {
 	color: #df3232;
 }
+#dashboard_php_nag h2 {
+	display: inline-block;
+}
 #dashboard_php_nag p {
 	margin: 12px 0;
 }
 #dashboard_php_nag h3 {
 /* one column on the dash */
 @media only screen and (max-width: 799px) {
 	#wpbody-content #dashboard-widgets .postbox-container {
 		width: 100%;
+	}
+	#dashboard-widgets .meta-box-sortables {
+		min-height: 0;
+	}
+	.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+		min-height: 100px;
+	}
+	#dashboard-widgets .meta-box-sortables.empty-container {
+		margin-bottom: 0;
 	}
 }
 /* two columns on the dash, but keep the setting if one is selected */
 @media only screen and (min-width: 800px) and (max-width: 1499px) {
 		width: 50.5%;
 	}
 	#dashboard-widgets #postbox-container-3 .empty-container,
 	#dashboard-widgets #postbox-container-4 .empty-container {
-		border: 0 none;
+		outline: none;
 		height: 0;
 		min-height: 0;
+		margin-bottom: 0;
 	}
 	#dashboard-widgets #postbox-container-3 .empty-container:after,
 	#dashboard-widgets #postbox-container-4 .empty-container:after {
 		display: none;
 	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
 		width: 100%;
 	}
-	#wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
+	#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
-		border: 0 none;
+		outline: none;
 		height: 0;
 		min-height: 0;
+		margin-bottom: 0;
 	}
 	/* show the radio buttons for column prefs only for one or two columns */
 	.index-php .screen-layout,
 	.index-php .columns-prefs {
 	.columns-prefs .columns-prefs-3,
 	.columns-prefs .columns-prefs-4 {
 		display: none;
 	}
-	.metabox-holder .postbox-container .empty-container:after {
+	#dashboard-widgets .postbox-container .empty-container:after {
 		display: block;
 	}
 }
 /* three columns on the dash */
 	#wpbody-content #dashboard-widgets #postbox-container-4 {
 		float: right;
 	}
 	#dashboard-widgets #postbox-container-4 .empty-container {
-		border: 0 none;
+		outline: none;
 		height: 0;
 		min-height: 0;
+		margin-bottom: 0;
 	}
 	#dashboard-widgets #postbox-container-4 .empty-container:after {
 		display: none;
 	}
-	.metabox-holder .postbox-container .empty-container:after {
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+/* Always show the "Drag boxes here" CSS generated content on large screens. */
+@media only screen and (min-width: 1801px) {
+	#dashboard-widgets .postbox-container .empty-container:after {
 		display: block;
 	}
 }
 @media screen and (max-width: 870px) {
 	}
 }
 @media screen and (max-width: 782px) {
+	#dashboard-widgets h2 {
+		padding: 12px;
+	}
 	#dashboard_recent_comments #the-comment-list .comment-item .avatar {
 		height: 30px;
 		width: 30px;
 		margin: 4px 10px 5px 0;
 	}

changeset 16	a86126ab1dd4
parent 9	177826044cd9
child 18	be944660c56a