mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-09 04:11:10 +01:00
2d5927cb92
This changeset sets column layout to posts listed in the Activity dashboard widget to prevent alignement issues on line breaks. Props sumitsingh, dhrumilk, chiragrathod103, kebbet, audrasjb, pooja1210. Fixes #58114. Built from https://develop.svn.wordpress.org/trunk@55889 git-svn-id: http://core.svn.wordpress.org/trunk@55401 1a063a9b-81f0-0310-95a4-ce76da25c4cd
1493 lines
29 KiB
CSS
1493 lines
29 KiB
CSS
#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
|
|
width: 49.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
|
|
float: right;
|
|
width: 50.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
|
|
width: 33.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
|
|
width: 33%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
|
|
float: right;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
|
|
width: 25%;
|
|
}
|
|
|
|
#dashboard-widgets .postbox-container {
|
|
width: 25%;
|
|
}
|
|
|
|
#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
|
|
border: none !important;
|
|
}
|
|
|
|
#dashboard-widgets-wrap {
|
|
overflow: hidden;
|
|
margin: 0 -8px;
|
|
}
|
|
|
|
#dashboard-widgets .postbox .inside {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#dashboard-widgets .meta-box-sortables {
|
|
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 #c3c4c7;
|
|
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 #646970;
|
|
/* 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: #646970;
|
|
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;
|
|
}
|
|
|
|
#the-comment-list p.comment-author img {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#the-comment-list p.comment-author strong a {
|
|
border: none;
|
|
}
|
|
|
|
#the-comment-list td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#the-comment-list td.comment {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#the-comment-list td.comment img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
|
|
.index-php #screen-meta-links {
|
|
margin: 0 20px 8px 0;
|
|
}
|
|
|
|
/* Welcome Panel */
|
|
.welcome-panel {
|
|
position: relative;
|
|
overflow: auto;
|
|
margin: 16px 0;
|
|
background-color: #1d35b4;
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
clear: both;
|
|
}
|
|
|
|
.welcome-panel h2 {
|
|
margin: 0;
|
|
font-size: 48px;
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.welcome-panel h3 {
|
|
margin: 0;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.welcome-panel p {
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.welcome-panel-header {
|
|
position: relative;
|
|
color: #fff;
|
|
}
|
|
|
|
.welcome-panel-header-image {
|
|
position: absolute !important;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 0 !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.welcome-panel-header-image svg {
|
|
display: block;
|
|
margin: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.rtl .welcome-panel-header-image svg {
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
.welcome-panel-header * {
|
|
color: inherit;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.welcome-panel-header a:focus,
|
|
.welcome-panel-header a:hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.welcome-panel-header a:focus,
|
|
.welcome-panel .welcome-panel-close:focus {
|
|
outline-color: currentColor;
|
|
outline-offset: 1px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.welcome-panel-header p {
|
|
margin: 0.5em 0 0;
|
|
font-size: 20px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
padding: 10px 15px 10px 24px;
|
|
font-size: 13px;
|
|
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
|
|
text-decoration: none;
|
|
z-index: 1; /* Raise above the version image. */
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close:before {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 0;
|
|
transition: all .1s ease-in-out;
|
|
content: '\f335';
|
|
font-size: 24px;
|
|
color: #fff;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close {
|
|
color: #fff;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close:hover,
|
|
.welcome-panel .welcome-panel-close:focus,
|
|
.welcome-panel .welcome-panel-close:hover::before,
|
|
.welcome-panel .welcome-panel-close:focus::before {
|
|
color: #fff972;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Button removed from panel. */
|
|
.wp-core-ui .welcome-panel .button.button-hero {
|
|
margin: 15px 13px 3px 0;
|
|
padding: 12px 36px;
|
|
height: auto;
|
|
line-height: 1.4285714;
|
|
white-space: normal;
|
|
}
|
|
|
|
.welcome-panel-content {
|
|
min-height: 400px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.welcome-panel-header {
|
|
box-sizing: border-box;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 1500px;
|
|
width: 100%;
|
|
padding: 48px 0 80px 48px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column-container {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
clear: both;
|
|
display: grid;
|
|
z-index: 1;
|
|
padding: 48px;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 32px;
|
|
align-self: flex-end;
|
|
background: #fff;
|
|
}
|
|
|
|
[class*="welcome-panel-icon"] {
|
|
height: 60px;
|
|
width: 60px;
|
|
background-position: center;
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.welcome-panel-column > svg {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.welcome-panel-column {
|
|
display: grid;
|
|
grid-template-columns: min-content 1fr;
|
|
gap: 24px;
|
|
}
|
|
|
|
.welcome-panel-icon-pages {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
|
|
}
|
|
|
|
.welcome-panel-icon-layout {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
|
|
}
|
|
|
|
.welcome-panel-icon-styles {
|
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Section removed from welcome panel. */
|
|
.welcome-panel .welcome-widgets-menus {
|
|
line-height: 1.14285714;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel .welcome-panel-column ul {
|
|
margin: 0.8em 1em 1em 0;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel .welcome-panel-column li {
|
|
line-height: 1.14285714;
|
|
list-style-type: none;
|
|
padding: 0 0 8px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-icon {
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* Welcome Panel and Right Now common Icons style */
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-icon:before,
|
|
#dashboard_right_now li a:before,
|
|
#dashboard_right_now li span:before,
|
|
#dashboard_right_now .search-engines-info:before {
|
|
color: #646970;
|
|
font: normal 20px/1 dashicons;
|
|
speak: never;
|
|
display: inline-block;
|
|
padding: 0 10px 0 0;
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-decoration: none !important;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Welcome Panel specific Icons styles */
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-write-blog:before,
|
|
.welcome-panel .welcome-edit-page:before {
|
|
content: "\f119";
|
|
top: -3px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-add-page:before {
|
|
content: "\f132";
|
|
top: -1px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-setup-home:before {
|
|
content: "\f102";
|
|
top: -1px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-view-site:before {
|
|
content: "\f115";
|
|
top: -2px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-widgets-menus:before {
|
|
content: "\f116";
|
|
top: -2px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-widgets:before {
|
|
content: "\f538";
|
|
top: -2px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-menus:before {
|
|
content: "\f163";
|
|
top: -2px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-comments:before {
|
|
content: "\f117";
|
|
top: -1px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
|
|
.welcome-panel .welcome-learn-more:before {
|
|
content: "\f118";
|
|
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;
|
|
}
|
|
|
|
#dashboard_right_now .page-count a:before,
|
|
#dashboard_right_now .page-count span:before {
|
|
content: "\f105";
|
|
}
|
|
|
|
#dashboard_right_now .post-count a:before,
|
|
#dashboard_right_now .post-count span:before {
|
|
content: "\f109";
|
|
}
|
|
|
|
#dashboard_right_now .comment-count a:before {
|
|
content: "\f101";
|
|
}
|
|
|
|
#dashboard_right_now .comment-mod-count a:before {
|
|
content: "\f125";
|
|
}
|
|
|
|
#dashboard_right_now .storage-count a:before {
|
|
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 {
|
|
margin: 0;
|
|
}
|
|
|
|
.community-events-loading {
|
|
padding: 10px 12px 8px;
|
|
}
|
|
|
|
.community-events {
|
|
margin-bottom: 6px;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.community-events .spinner {
|
|
float: none;
|
|
margin: 5px 2px 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.community-events-errors[aria-hidden="true"],
|
|
.community-events-errors [aria-hidden="true"],
|
|
.community-events-loading[aria-hidden="true"],
|
|
.community-events[aria-hidden="true"],
|
|
.community-events form[aria-hidden="true"] {
|
|
display: none;
|
|
}
|
|
|
|
.community-events .activity-block:first-child,
|
|
.community-events h2 {
|
|
padding-top: 12px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.community-events-form {
|
|
margin: 15px 0 5px;
|
|
}
|
|
|
|
.community-events-form .regular-text {
|
|
width: 40%;
|
|
height: 29px;
|
|
margin: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.community-events li.event-none {
|
|
border-left: 4px solid #72aee6;
|
|
}
|
|
|
|
#dashboard-widgets .community-events li.event-none a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.community-events-form label {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 2.15384615;
|
|
height: 28px;
|
|
}
|
|
|
|
.community-events .activity-block > p {
|
|
margin-bottom: 0;
|
|
display: inline;
|
|
}
|
|
|
|
.community-events-toggle-location {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#community-events-submit {
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* 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: 2;
|
|
height: 28px;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.community-events ul {
|
|
background-color: #f6f7f7;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.community-events li {
|
|
margin: 0;
|
|
padding: 8px 12px;
|
|
color: #2c3338;
|
|
}
|
|
.community-events li:first-child {
|
|
border-top: 1px solid #f0f0f1;
|
|
}
|
|
|
|
.community-events li ~ li {
|
|
border-top: 1px solid #f0f0f1;
|
|
}
|
|
|
|
.community-events .activity-block.last {
|
|
border-bottom: 1px solid #f0f0f1;
|
|
padding-top: 0;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.community-events .event-info {
|
|
display: block;
|
|
}
|
|
|
|
.event-icon {
|
|
height: 18px;
|
|
padding-right: 10px;
|
|
width: 18px;
|
|
display: none; /* Hide on smaller screens */
|
|
}
|
|
|
|
.event-icon:before {
|
|
color: #646970;
|
|
font-size: 18px;
|
|
}
|
|
.event-meetup .event-icon:before {
|
|
content: "\f484";
|
|
}
|
|
.event-wordcamp .event-icon:before {
|
|
content: "\f486";
|
|
}
|
|
|
|
.community-events .event-title {
|
|
font-weight: 600;
|
|
display: block;
|
|
}
|
|
|
|
.community-events .event-date,
|
|
.community-events .event-time {
|
|
display: block;
|
|
}
|
|
|
|
.community-events-footer {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding: 12px;
|
|
border-top: 1px solid #f0f0f1;
|
|
color: #dcdcde;
|
|
}
|
|
|
|
/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
|
|
.community-events-footer .screen-reader-text {
|
|
height: inherit;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Dashboard WordPress news */
|
|
|
|
#dashboard_primary .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_primary .widget-loading {
|
|
padding: 12px 12px 0;
|
|
margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
|
|
}
|
|
|
|
/* Notice when JS is off. */
|
|
#dashboard_primary .inside .notice {
|
|
margin: 0;
|
|
}
|
|
|
|
body #dashboard-widgets .postbox form .submit {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Used only for configurable widgets. */
|
|
.dashboard-widget-control-form p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.rssSummary {
|
|
color: #646970;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget {
|
|
font-size: 13px;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget a {
|
|
font-weight: 400;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget span,
|
|
#dashboard_primary .rss-widget span.rss-date {
|
|
color: #646970;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget span.rss-date {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
#dashboard_primary .rss-widget ul li {
|
|
padding: 4px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Dashboard right now */
|
|
|
|
#dashboard_right_now ul {
|
|
margin: 0;
|
|
/* contain floats but don't use overflow: hidden */
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
#dashboard_right_now li {
|
|
width: 50%;
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#dashboard_right_now .inside {
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_right_now .main {
|
|
padding: 0 12px 11px;
|
|
}
|
|
|
|
#dashboard_right_now .main p {
|
|
margin: 0;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#dashboard-widgets h3.mu-storage {
|
|
margin: 0 0 10px;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* Dashboard right now - Colors */
|
|
|
|
#dashboard_right_now .sub {
|
|
color: #50575e;
|
|
background: #f6f7f7;
|
|
border-top: 1px solid #f0f0f1;
|
|
padding: 10px 12px 6px;
|
|
}
|
|
|
|
#dashboard_right_now .sub h3 {
|
|
color: #50575e;
|
|
}
|
|
|
|
#dashboard_right_now .sub p {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
#dashboard_right_now .warning a:before,
|
|
#dashboard_right_now .warning span:before {
|
|
color: #d63638;
|
|
}
|
|
|
|
/* Dashboard Quick Draft */
|
|
|
|
#dashboard_quick_press .inside {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashboard_quick_press div.updated {
|
|
margin-bottom: 10px;
|
|
border: 1px solid #f0f0f1;
|
|
border-width: 1px 1px 1px 0;
|
|
}
|
|
|
|
#dashboard_quick_press form {
|
|
margin: 12px;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts {
|
|
padding: 10px 0 0;
|
|
}
|
|
|
|
/* Dashboard Quick Draft - Form styling */
|
|
|
|
#dashboard_quick_press label {
|
|
display: inline-block;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#dashboard_quick_press input,
|
|
#dashboard_quick_press textarea {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
}
|
|
|
|
#dashboard-widgets .postbox form .submit {
|
|
margin: -39px 0;
|
|
float: right;
|
|
}
|
|
|
|
#description-wrap {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
#quick-press textarea#content {
|
|
min-height: 90px;
|
|
max-height: 1300px;
|
|
margin: 0 0 8px;
|
|
padding: 6px 7px;
|
|
resize: none;
|
|
}
|
|
|
|
/* Dashboard Quick Draft - Drafts list */
|
|
|
|
.js #dashboard_quick_press .drafts {
|
|
border-top: 1px solid #f0f0f1;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts abbr {
|
|
border: none;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts .view-all {
|
|
float: right;
|
|
margin: 0 12px 0 0;
|
|
}
|
|
|
|
#dashboard_primary a.rsswidget {
|
|
font-weight: 400;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts ul {
|
|
margin: 0 12px;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts li {
|
|
margin-bottom: 1em;
|
|
}
|
|
#dashboard_quick_press .drafts li time {
|
|
color: #646970;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts p {
|
|
margin: 0;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#dashboard_quick_press .draft-title {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#dashboard_quick_press .draft-title a,
|
|
#dashboard_quick_press .draft-title time {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
/* Dashboard common styles */
|
|
|
|
#dashboard-widgets h4, /* Back-compat for pre-4.4 */
|
|
#dashboard-widgets h3,
|
|
#dashboard_quick_press .drafts h2 {
|
|
margin: 0 12px 8px;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #1d2327;
|
|
}
|
|
|
|
#dashboard_quick_press .drafts h2 {
|
|
line-height: inherit;
|
|
}
|
|
|
|
#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
|
|
#dashboard-widgets .inside h3 {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Dashboard activity widget */
|
|
|
|
#dashboard_activity .comment-meta span.approve:before {
|
|
content: "\f227";
|
|
font: 20px/.5 dashicons;
|
|
margin-left: 5px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -1px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#dashboard_activity .inside {
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#dashboard_activity .no-activity {
|
|
overflow: hidden;
|
|
padding: 12px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
#dashboard_activity .no-activity p {
|
|
color: #646970;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#dashboard_activity .subsubsub {
|
|
float: none;
|
|
border-top: 1px solid #f0f0f1;
|
|
margin: 0 -12px;
|
|
padding: 8px 12px 4px;
|
|
}
|
|
|
|
#dashboard_activity .subsubsub a .count,
|
|
#dashboard_activity .subsubsub a.current .count {
|
|
color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
|
|
}
|
|
|
|
#future-posts ul,
|
|
#published-posts ul {
|
|
margin: 8px -12px 0 -12px;
|
|
}
|
|
|
|
#future-posts li,
|
|
#published-posts li {
|
|
display: grid;
|
|
grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
|
|
column-gap: 10px;
|
|
color: #646970;
|
|
padding: 4px 12px;
|
|
}
|
|
|
|
#future-posts li:nth-child(odd),
|
|
#published-posts li:nth-child(odd) {
|
|
background-color: #f6f7f7;
|
|
}
|
|
|
|
.activity-block {
|
|
border-bottom: 1px solid #f0f0f1;
|
|
margin: 0 -12px 6px -12px;
|
|
padding: 8px 12px 4px;
|
|
}
|
|
|
|
.activity-block:last-child {
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.activity-block .subsubsub li {
|
|
color: #dcdcde;
|
|
}
|
|
|
|
/* Dashboard activity widget - Comments */
|
|
/* @todo: needs serious de-duplication */
|
|
|
|
#activity-widget #the-comment-list tr.undo,
|
|
#activity-widget #the-comment-list div.undo {
|
|
background: none;
|
|
padding: 6px 0;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item {
|
|
background: #f6f7f7;
|
|
padding: 12px;
|
|
position: relative;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .avatar {
|
|
position: absolute;
|
|
top: 12px;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item p.row-actions {
|
|
margin: 4px 0 0;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment-item:first-child {
|
|
border-top: 1px solid #f0f0f1;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .unapproved {
|
|
background-color: #fcf9e8;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .unapproved:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #d63638;
|
|
width: 4px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .spam-undo-inside .avatar,
|
|
#activity-widget #the-comment-list .trash-undo-inside .avatar {
|
|
position: relative;
|
|
top: 0;
|
|
}
|
|
|
|
/* Browse happy box */
|
|
|
|
#dashboard-widgets #dashboard_browser_nag.postbox .inside {
|
|
margin: 10px;
|
|
}
|
|
|
|
.postbox .button-link .edit-box {
|
|
display: none;
|
|
}
|
|
|
|
.edit-box {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hndle:hover .edit-box,
|
|
.edit-box:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
#dashboard-widgets form .input-text-wrap input {
|
|
width: 100%;
|
|
}
|
|
|
|
#dashboard-widgets form .textarea-wrap textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
#dashboard-widgets .postbox form .submit {
|
|
float: none;
|
|
margin: .5em 0 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
|
|
min-width: 0;
|
|
}
|
|
|
|
#dashboard-widgets li a,
|
|
#dashboard-widgets .button-link,
|
|
.community-events-footer a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#dashboard-widgets h2 a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#dashboard-widgets .hndle .postbox-title-action {
|
|
float: right;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
#dashboard_plugins h5 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Recent Comments */
|
|
|
|
#latest-comments #the-comment-list {
|
|
position: relative;
|
|
margin: 0 -12px;
|
|
}
|
|
|
|
#activity-widget #the-comment-list .comment,
|
|
#activity-widget #the-comment-list .pingback {
|
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
#activity-widget .comments #the-comment-list .alt {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#activity-widget #latest-comments #the-comment-list .comment-item {
|
|
/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
|
|
for other users this needs a min height equal to the gravatar image */
|
|
min-height: 50px;
|
|
margin: 0;
|
|
padding: 12px;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .pingback {
|
|
padding-left: 12px !important;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-meta {
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
color: #646970;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-meta cite {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item blockquote,
|
|
#latest-comments #the-comment-list .comment-item blockquote p {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
}
|
|
|
|
#latest-comments #the-comment-list .comment-item p.row-actions {
|
|
margin: 3px 0 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* Feeds */
|
|
.rss-widget ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
a.rsswidget {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.rss-widget ul li {
|
|
line-height: 1.5;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.rss-widget span.rss-date {
|
|
color: #646970;
|
|
font-size: 13px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.rss-widget cite {
|
|
display: block;
|
|
text-align: right;
|
|
margin: 0 0 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
.rss-widget cite:before {
|
|
content: "\2014";
|
|
}
|
|
|
|
.dashboard-comment-wrap {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/* Browser Nag */
|
|
#dashboard_browser_nag a.update-browser-link {
|
|
font-size: 1.2em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#dashboard_browser_nag a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
|
|
padding-right: 128px;
|
|
}
|
|
|
|
#dashboard_browser_nag .browser-icon {
|
|
margin-top: -32px;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox {
|
|
background-color: #b32d2e;
|
|
background-image: none;
|
|
border-color: #b32d2e;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox h2 {
|
|
border-bottom-color: transparent;
|
|
background: transparent none;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#dashboard_browser_nag a {
|
|
color: #fff;
|
|
}
|
|
|
|
#dashboard_browser_nag.postbox .postbox-header {
|
|
border-color: transparent;
|
|
}
|
|
|
|
#dashboard_browser_nag h2.hndle {
|
|
border: none;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.postbox#dashboard_browser_nag p a.dismiss {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.postbox#dashboard_browser_nag p,
|
|
.postbox#dashboard_browser_nag a,
|
|
.postbox#dashboard_browser_nag p.browser-update-nag {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* PHP Nag */
|
|
#dashboard_php_nag .dashicons-warning {
|
|
color: #dba617;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
#dashboard_php_nag.php-no-security-updates .dashicons-warning,
|
|
#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
|
|
color: #d63638;
|
|
}
|
|
|
|
#dashboard_php_nag h2 {
|
|
display: inline-block;
|
|
}
|
|
|
|
#dashboard_php_nag p {
|
|
margin: 12px 0;
|
|
}
|
|
|
|
#dashboard_php_nag .button .dashicons-external {
|
|
line-height: 25px;
|
|
}
|
|
|
|
.bigger-bolder-text {
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* =Media Queries
|
|
-------------------------------------------------------------- */
|
|
|
|
@media only screen and (min-width: 1600px) {
|
|
.welcome-panel .welcome-panel-column-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.welcome-panel-column {
|
|
width: 100%;
|
|
max-width: 460px;
|
|
}
|
|
}
|
|
|
|
/* 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) {
|
|
#wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 49.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-2,
|
|
#wpbody-content #dashboard-widgets #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets #postbox-container-4 {
|
|
float: right;
|
|
width: 50.5%;
|
|
}
|
|
|
|
#dashboard-widgets #postbox-container-3 .empty-container,
|
|
#dashboard-widgets #postbox-container-4 .empty-container {
|
|
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 #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
|
|
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 {
|
|
display: block;
|
|
}
|
|
|
|
.columns-prefs .columns-prefs-3,
|
|
.columns-prefs .columns-prefs-4 {
|
|
display: none;
|
|
}
|
|
|
|
#dashboard-widgets .postbox-container .empty-container:after {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* three columns on the dash */
|
|
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
|
|
#wpbody-content #dashboard-widgets .postbox-container {
|
|
width: 33.5%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-1 {
|
|
width: 33%;
|
|
}
|
|
|
|
#wpbody-content #dashboard-widgets #postbox-container-3,
|
|
#wpbody-content #dashboard-widgets #postbox-container-4 {
|
|
float: right;
|
|
}
|
|
|
|
#dashboard-widgets #postbox-container-4 .empty-container {
|
|
outline: none;
|
|
height: 0;
|
|
min-height: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#dashboard-widgets #postbox-container-4 .empty-container:after {
|
|
display: none;
|
|
}
|
|
|
|
#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) {
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel .welcome-panel-column li {
|
|
display: inline-block;
|
|
margin-right: 13px;
|
|
}
|
|
|
|
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
|
|
.welcome-panel .welcome-panel-column ul {
|
|
margin: 0.4em 0 0;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 1180px) and (min-width: 783px) {
|
|
.welcome-panel-column {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
[class*="welcome-panel-icon"],
|
|
.welcome-panel-column > svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 782px) {
|
|
.welcome-panel .welcome-panel-column-container {
|
|
grid-template-columns: 1fr;
|
|
box-sizing: border-box;
|
|
padding: 32px;
|
|
width: 100%;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-column-content {
|
|
max-width: 520px;
|
|
}
|
|
|
|
/* Keep the close icon from overlapping the Welcome text. */
|
|
.welcome-panel .welcome-panel-close {
|
|
overflow: hidden;
|
|
text-indent: 40px;
|
|
white-space: nowrap;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
.welcome-panel .welcome-panel-close::before {
|
|
top: 5px;
|
|
left: -35px;
|
|
}
|
|
|
|
#dashboard-widgets h2 {
|
|
padding: 12px;
|
|
}
|
|
|
|
#dashboard_recent_comments #the-comment-list .comment-item .avatar {
|
|
height: 30px;
|
|
width: 30px;
|
|
margin: 4px 10px 5px 0;
|
|
}
|
|
|
|
.community-events-toggle-location {
|
|
height: 38px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.community-events-form .regular-text {
|
|
height: 32px;
|
|
}
|
|
|
|
#community-events-submit {
|
|
margin-bottom: 0;
|
|
/* Override .wp-core-ui .button */
|
|
vertical-align: top;
|
|
}
|
|
|
|
.community-events-form label,
|
|
#dashboard-widgets .community-events-cancel.button-link {
|
|
/* Same properties as the submit button for cross-browsers alignment. */
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
height: auto;
|
|
padding: 6px 0;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.community-events .spinner {
|
|
margin-top: 7px;
|
|
}
|
|
}
|
|
|
|
/* Smartphone */
|
|
@media screen and (max-width: 600px) {
|
|
.welcome-panel-header {
|
|
padding: 32px 32px 64px;
|
|
}
|
|
|
|
.welcome-panel-header-image {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.welcome-panel-column {
|
|
gap: 16px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 360px) {
|
|
.welcome-panel-column {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
[class*="welcome-panel-icon"],
|
|
.welcome-panel-column > svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 355px) {
|
|
.community-events .event-info {
|
|
display: table-row;
|
|
float: left;
|
|
max-width: 59%;
|
|
}
|
|
|
|
.event-icon,
|
|
.event-icon[aria-hidden="true"] {
|
|
display: table-cell;
|
|
}
|
|
|
|
.event-info-inner {
|
|
display: table-cell;
|
|
}
|
|
|
|
.community-events .event-date-time {
|
|
float: right;
|
|
max-width: 39%;
|
|
}
|
|
|
|
.community-events .event-date,
|
|
.community-events .event-time {
|
|
text-align: right;
|
|
}
|
|
}
|