-/* List table styles */
-.post-com-count-wrapper {
- min-width: 22px;
-}
-
-.post-com-count {
- background: none;
- height: 1.3em;
- line-height: 1.1em;
+.response-links {
display: block;
- text-decoration: none;
- padding: 0 0 6px;
- cursor: pointer;
- background-position: center -80px;
- background-repeat: no-repeat;
- color: #fff;
+ margin-bottom: 1em;
}
-.post-com-count:after { /* draw bubble connector using CSS! */
- content: "";
+.response-links a {
display: block;
- width: 0;
- height: 0;
- margin-right: 8px;
- border-top: 5px solid #b4b9be;
- border-left: 5px solid transparent;
}
-.post-com-count span {
- font-size: 11px;
+.response-links a.comments-edit-item-link {
font-weight: 600;
- height: 1.4em;
- line-height: 1.4em;
- min-width: 0.7em;
- padding: 0 6px;
- display: inline-block;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- background-color: #b4b9be;
- color: #fff;
}
-.post-com-count:hover {
- background-position: center -3px;
+.response-links a.comments-view-item-link {
+ font-size: 12px;
}
-.post-com-count:hover span {
- background-color: #00a0d2;
+.post-com-count-wrapper strong {
+ font-weight: 400;
}
-.post-com-count:hover:after {
- border-top: 5px solid #00a0d2;
+.comments-view-item-link {
+ display: inline-block;
+ clear: both;
}
-strong .post-com-count {
- background-position: center -55px;
+.column-response .post-com-count-wrapper,
+.column-comments .post-com-count-wrapper {
+ white-space: nowrap;
+ word-wrap: normal;
}
-strong .post-com-count span {
- background-color: #0073aa;
+/* comments bubble common */
+.column-response .post-com-count,
+.column-comments .post-com-count {
+ display: inline-block;
+ vertical-align: top;
}
-strong .post-com-count:after {
- border-top: 5px solid #0073aa;
+/* comments bubble approved */
+.column-response .post-com-count-no-comments,
+.column-response .post-com-count-approved,
+.column-comments .post-com-count-no-comments,
+.column-comments .post-com-count-approved {
+ margin-top: 5px;
}
-.column-response .post-com-count {
- float: right;
- margin-left: 5px;
+.column-response .comment-count-no-comments,
+.column-response .comment-count-approved,
+.column-comments .comment-count-no-comments,
+.column-comments .comment-count-approved {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: block;
+ padding: 0 8px;
+ min-width: 24px;
+ height: 2em;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background-color: #72777c;
+ color: #fff;
+ font-size: 11px;
+ line-height: 21px;
text-align: center;
}
-.response-links {
- float: right;
+.ie8 .column-response .comment-count-no-comments,
+.ie8 .column-response .comment-count-approved,
+.ie8 .column-comments .comment-count-no-comments,
+.ie8 .column-comments .comment-count-approved {
+ min-width: 0;
+}
+
+.column-response .post-com-count-no-comments:after,
+.column-response .post-com-count-approved:after,
+.column-comments .post-com-count-no-comments:after,
+.column-comments .post-com-count-approved:after {
+ content: "";
+ display: block;
+ margin-right: 8px;
+ width: 0;
+ height: 0;
+ border-top: 5px solid #72777c;
+ border-left: 5px solid transparent;
+}
+
+.column-response .post-com-count-approved:hover .comment-count-approved,
+.column-response .post-com-count-approved:focus .comment-count-approved,
+.column-comments .post-com-count-approved:hover .comment-count-approved,
+.column-comments .post-com-count-approved:focus .comment-count-approved {
+ background: #0073aa;
+}
+
+.column-response .post-com-count-approved:hover:after,
+.column-response .post-com-count-approved:focus:after,
+.column-comments .post-com-count-approved:hover:after,
+.column-comments .post-com-count-approved:focus:after {
+ border-top-color: #0073aa;
+}
+
+/* comments bubble pending */
+.column-response .post-com-count-pending,
+.column-comments .post-com-count-pending {
+ position: relative;
+ right: -3px;
+ padding: 0 5px;
+ min-width: 7px;
+ height: 17px;
+ border: 2px solid #fff;
+ -webkit-border-radius: 11px;
+ border-radius: 11px;
+ background: #ca4a1f;
+ color: #fff;
+ font-size: 9px;
+ line-height: 17px;
+ text-align: center;
}
/* comments */
font-size: 1em;
}
-#edithead .inside {
+#edithead .inside,
+#commentsdiv #edithead .inside {
float: right;
padding: 3px 5px 2px 0;
margin: 0;
vertical-align: text-top;
}
-#the-comment-list .attachment-80x60 {
- padding: 4px 8px;
-}
-
#the-comment-list tr.undo,
#the-comment-list div.undo {
background-color: #f4f4f4;
}
.fixed .column-posts {
- width: 74px;
+ width: 74px;
}
.fixed .column-comment .comment-author {
}
.fixed .column-comments {
- width: 4em;
+ width: 5.5em;
padding: 8px 0;
text-align: right;
}
padding-right: 3px;
}
-.fixed .column-comments a {
+td.column-title strong,
+td.plugin-title strong {
+ display: block;
+ margin-bottom: .2em;
+ font-size: 14px;
+}
+
+td.column-title p,
+td.plugin-title p {
+ margin: 6px 0;
+}
+
+/* Media file column */
+table.media .column-title .media-icon {
float: right;
+ min-height: 60px;
+ margin: 0 0 0 9px;
}
-.fixed .column-icon {
- width: 80px;
+table.media .column-title .media-icon img {
+ max-width: 60px;
+ height: auto;
+ vertical-align: top; /* Remove descender white-space. */
+}
+
+table.media .column-title .has-media-icon ~ .row-actions {
+ margin-right: 70px; /* 60px image + margin */
+}
+
+table.media .column-title .filename {
+ margin-bottom: 0.2em;
}
/* @todo: pick a consistent list table selector */
border: 0 none;
}
-#commentsdiv .comments-box thead th {
+#commentsdiv .comments-box thead th,
+#commentsdiv .comments-box thead td {
background: transparent;
padding: 0 7px 4px;
font-style: italic;
border-bottom: 0 none;
}
+#commentsdiv #edithead .inside input {
+ vertical-align: middle;
+ width: 160px;
+}
+
.sorting-indicator {
display: none;
width: 10px;
}
.sorting-indicator:before {
- background: none;
content: '\f142';
font: normal 20px/1 'dashicons';
speak: none;
}
th.sorted.asc .sorting-indicator:before,
-th.desc:hover span.sorting-indicator:before {
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
content: '\f142';
}
th.sorted.desc .sorting-indicator:before,
-th.asc:hover span.sorting-indicator:before {
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
+ content: '\f140';
+}
+
+.wp-list-table .toggle-row {
+ position: absolute;
+ left: 8px;
+ top: 10px;
+ display: none;
+ padding: 0;
+ width: 40px;
+ height: 40px;
+ border: none;
+ outline: none;
+ background: transparent;
+}
+
+.wp-list-table .toggle-row:hover {
+ cursor: pointer;
+}
+
+.wp-list-table .toggle-row:focus:before {
+ -webkit-box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.ie8 .wp-list-table .toggle-row:focus:before {
+ outline: #5b9dd9 solid 1px;
+}
+
+.wp-list-table .toggle-row:active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.wp-list-table .toggle-row:before {
+ position: absolute;
+ top: -5px;
+ right: 10px;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ display: block;
+ padding: 1px 0 1px 2px;
+ color: #666;
content: '\f140';
+ font: normal 20px/1 'dashicons';
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ speak: none;
+}
+
+.wp-list-table .is-expanded .toggle-row:before {
+ content: '\f142';
}
tr.wp-locked .locked-indicator {
cursor: pointer;
}
-th.sorted.asc .sorting-indicator,
-th.desc:hover span.sorting-indicator {
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
display: block;
- background-position: 100% 0;
-}
-
-th.sorted.desc .sorting-indicator,
-th.asc:hover span.sorting-indicator {
- display: block;
- background-position: -7px 0;
}
/* Bulk Actions */
-.tablenav-pages a {
+.tablenav-pages a,
+.tablenav-pages-navspan {
font-weight: 600;
- margin-left: 1px;
padding: 0 2px;
}
+
.tablenav-pages .current-page {
- padding-top: 0;
+ margin: 0 0 0 2px;
+ padding-bottom: 5px;
+ font-size: 13px;
text-align: center;
}
-.tablenav-pages .next-page {
+
+.tablenav .total-pages {
+ margin-left: 2px;
+}
+
+.tablenav #table-paging {
margin-right: 2px;
}
.tablenav .tablenav-pages {
float: left;
- display: block;
+ height: 28px;
+ margin-top: 3px;
cursor: default;
- height: 30px;
color: #555;
- line-height: 30px;
- font-size: 12px;
}
.tablenav .no-pages,
padding: 3px 6px;
}
-.tablenav .tablenav-pages a {
- padding: 0 10px 3px;
- background: #eee;
- background: rgba( 0, 0, 0, 0.05 );
+.tablenav .tablenav-pages a,
+.tablenav-pages-navspan {
+ display: inline-block;
+ min-width: 17px;
+ border: 1px solid #d2d2d2;
+ padding: 3px 5px 7px;
+ background: #e4e4e4;
font-size: 16px;
+ line-height: 1;
font-weight: normal;
+ text-align: center;
+}
+
+.tablenav-pages-navspan {
+ height: 16px;
+ border-color: #e8e8e8;
+ background: #ebebeb;
+ color: #b4b4b4;
}
.tablenav .tablenav-pages a:hover,
.tablenav .tablenav-pages a:focus {
+ border-color: #5b9dd9;
color: #fff;
background: #00a0d2;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ outline: none; /* IE8 */
}
-.tablenav .tablenav-pages a.disabled,
-.tablenav .tablenav-pages a.disabled:hover,
-.tablenav .tablenav-pages a.disabled:focus,
-.tablenav .tablenav-pages a.disabled:active {
- color: #a0a5aa;
- background: #eee;
- background: rgba( 0, 0, 0, 0.05 );
+.tablenav .displaying-num {
+ margin-left: 7px;
}
-.tablenav .displaying-num {
- margin-left: 2px;
- color: #777;
- font-size: 12px;
- font-style: italic;
+.tablenav .one-page .displaying-num {
+ display: inline-block;
+ margin-top: 5px;
+ margin-left: 0;
}
.tablenav .actions {
.tablenav .view-switch {
float: left;
- margin: 5px 8px 0 16px;
+ margin: 0 5px;
+ padding-top: 3px;
}
.wp-filter .view-switch {
display: inline-block;
vertical-align: middle;
- padding: 15px 0;
- margin: 0 0 0 20px;
+ padding: 12px 0;
+ margin: 0 2px 0 8px;
}
-.view-switch a {
- text-decoration: none;
+.media-toolbar.wp-filter .view-switch {
+ margin: 0 2px 0 12px;
}
-.view-switch > a {
- display: inline-block;
- width: 18px;
- height: 18px;
+.view-switch a {
+ float: right;
+ width: 28px;
+ height: 28px;
+ text-align: center;
+ line-height: 24px;
+ text-decoration: none;
}
-.view-switch > a:before {
+.view-switch a:before {
color: #b4b9be;
display: inline-block;
- float: right;
font: normal 20px/1 'dashicons';
speak: none;
vertical-align: middle;
- margin-right: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.view-switch > .view-list:before {
- content: '\f163';
-}
-
-.view-switch a:hover:before {
+.view-switch a:hover:before,
+.view-switch a:focus:before {
color: #727272;
}
color: #0073aa;
}
-.view-switch > a + a {
- margin-right: 5px;
+.view-switch .view-list:before {
+ content: '\f163';
}
-.view-switch > .view-excerpt:before {
+.view-switch .view-excerpt:before {
content: '\f164';
}
-.view-switch > .view-grid:before {
+.view-switch .view-grid:before {
content: '\f509';
}
padding: 0 0.5em;
}
-#wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
- border-width: 0 1px 0 0;
- border-style: none solid none none;
-}
-
#wpbody-content .quick-edit-row-post .inline-edit-col-left {
width: 40%;
}
line-height: 2.5;
}
+.inline-edit-row fieldset.inline-edit-date label {
+ display: inline-block;
+ margin: 0;
+ line-height: 1.5;
+ vertical-align: baseline;
+}
+
.inline-edit-row fieldset label.inline-edit-tags {
margin-top: 0;
}
width: auto;
}
-.inline-edit-row fieldset label span.title {
+.inline-edit-row fieldset label span.title,
+.inline-edit-row fieldset.inline-edit-date legend {
display: block;
float: right;
- width: 5em;
+ width: 6em;
line-height: 2.5;
}
-.inline-edit-row fieldset label span.input-text-wrap {
+#posts-filter fieldset.inline-edit-date legend {
+ padding: 0;
+}
+
+.inline-edit-row fieldset.inline-edit-date select {
+ margin: 1px;
+ line-height: 28px;
+}
+
+.inline-edit-row fieldset label span.input-text-wrap,
+.inline-edit-row fieldset .timestamp-wrap {
display: block;
- margin-right: 5em;
+ margin-right: 6em;
}
.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
font-size: 14px;
}
-.plugins thead th.check-column,
-.plugins tfoot th.check-column,
+.plugins thead td.check-column,
+.plugins tfoot td.check-column,
.plugins .inactive th.check-column {
padding-right: 6px;
}
-#update-plugins-table thead th.check-column,
-#update-plugins-table tfoot th.check-column {
+#update-plugins-table thead td.check-column,
+#update-plugins-table tfoot td.check-column {
padding-top: 11px;
}
.plugin-update-tr .update-message {
font-size: 13px;
font-weight: normal;
- margin: 6px 12px 12px;
- padding: 6px 12px;
margin: 0 31px 8px 10px;
+ padding: 6px 40px 8px 12px;
background-color: #f7f7f7;
background-color: rgba(0,0,0,0.03);
}
}
.plugin-update-tr .update-message:before {
- margin: 0 -2px 0 8px;
+ margin: 0 -30px 0 10px;
}
.plugin-card .update-now:before,
content: '\f147';
}
-.plugins .plugin-update-tr .plugin-update {
+.wp-list-table.plugins tbody tr.plugin-update-tr td.plugin-update {
+ overflow: hidden; /* clearfix */
padding: 0;
- border: none;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
}
}
-@media screen and ( max-width: 782px ) {
- .plugin-card {
- margin-right: 0;
- margin-left: 0;
- width: 100%;
- }
-}
-
.plugin-card-top {
position: relative;
padding: 20px 20px 10px;
background: #fecac2;
}
+.sites.fixed .column-lastupdated,
+.sites.fixed .column-registered {
+ width: 20%;
+}
+
+.sites.fixed .column-users {
+ width: 80px;
+}
+
/* =Media Queries
-------------------------------------------------------------- */
display: none;
}
+ .view-switch a {
+ width: 36px;
+ height: 36px;
+ line-height: 33px;
+ }
+
/* Pagination */
.tablenav.top .displaying-num {
display: none;
.tablenav.bottom .displaying-num {
position: absolute;
left: 0;
- top: 10px;
+ top: 11px;
+ margin: 0;
font-size: 14px;
}
- .tablenav-pages {
+ .tablenav .tablenav-pages {
width: 100%;
+ height: auto;
text-align: center;
margin: 0 0 25px;
}
height: 0;
}
- .tablenav-pages .pagination-links .paging-input {
- font-size: 18px;
+ .tablenav-pages .pagination-links {
+ font-size: 16px;
}
- .tablenav-pages .pagination-links a {
- padding: 8px 20px 11px;
+ .tablenav-pages .pagination-links a,
+ .tablenav-pages-navspan {
+ padding: 9px 16px 12px;
font-size: 18px;
- background: rgba(0, 0, 0, 0.05);
+ }
+
+ .tablenav-pages-navspan {
+ height: 18px;
}
.tablenav-pages .pagination-links .current-page {
- padding: 10px;
- font-size: 14px;
+ padding: 8px 9px 9px;
+ font-size: 16px;
}
/* WP List Table Adjustments: General */
font-size: 14px;
}
- /* Columns to hide */
- .fixed .column-date,
- .fixed .column-author,
- .column-categories,
- .column-tags,
- .tags .column-description,
- .media .column-parent,
- .users .column-email,
- .users .column-name,
- .sites .column-registered,
- .sites .column-users {
+ .wp-list-table th.column-primary ~ th,
+ .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
display: none;
}
+ .wp-list-table thead th.column-primary {
+ width: 100%;
+ }
+
+ /* Checkboxes need to show */
+ .wp-list-table tr th.check-column {
+ display: table-cell;
+ width: 35px;
+ }
+
+ .wp-list-table .column-primary .toggle-row {
+ display: block;
+ }
+
+ .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
+ position: relative;
+ clear: both;
+ display: block;
+ width: auto !important; /* needs to override some columns that are more specifically targeted */
+ }
+
+ .wp-list-table td.column-primary {
+ padding-left: 50px; /* space for toggle button */
+ }
+
+ .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+ padding: 3px 35% 3px 8px;
+ }
+
+ .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
+ position: absolute;
+ right: 10px; /* match padding of regular table cell */
+ display: block;
+ overflow: hidden;
+ width: 32%; /* leave a little space for a gutter */
+ content: attr(data-colname);
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .wp-list-table .is-expanded td:not(.hidden) {
+ display: block !important;
+ overflow: hidden; /* clearfix */
+ }
+
+ /* Special cases */
+ .widefat .num,
+ .column-posts {
+ text-align: right;
+ }
+
+ #comments-form .fixed .column-author {
+ display: none !important;
+ }
+
.fixed .column-comment .comment-author {
display: block;
}
- /* Posts */
- .column-title {
- width: 85%;
+ #the-comment-list .is-expanded td {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+
+ #the-comment-list .is-expanded td:last-child {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ }
+
+ /* Show comment bubble as text instead */
+ .post-com-count .screen-reader-text {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ }
+
+ .column-response .post-com-count-no-comments:after,
+ .column-response .post-com-count-approved:after,
+ .column-comments .post-com-count-no-comments:after,
+ .column-comments .post-com-count-approved:after {
+ content: none;
+ }
+
+ .column-response .post-com-count [aria-hidden="true"],
+ .column-comments .post-com-count [aria-hidden="true"] {
+ display: none;
+ }
+
+ .column-response .post-com-count-wrapper,
+ .column-comments .post-com-count-wrapper {
+ white-space: normal;
+ }
+
+ .column-response .post-com-count-wrapper > a,
+ .column-comments .post-com-count-wrapper > a {
+ display: block;
+ }
+
+ .column-response .post-com-count-no-comments,
+ .column-response .post-com-count-approved,
+ .column-comments .post-com-count-no-comments,
+ .column-comments .post-com-count-approved {
+ margin-top: 0;
+ margin-left: 0.5em;
}
- .fixed .column-comments, .widefat .check-column {
- width: 35px
+ .column-response .post-com-count-pending,
+ .column-comments .post-com-count-pending {
+ position: static;
+ height: auto;
+ min-width: 0;
+ padding: 0;
+ border: none;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ background: none;
+ color: #bb2a2a;
+ font-size: inherit;
+ line-height: inherit;
+ text-align: right;
+ }
+
+ .column-response .post-com-count-pending:hover,
+ .column-comments .post-com-count-pending:hover {
+ color: #dc3232;
}
.widefat thead .check-column, .widefat tfoot .check-column {
font-size: 16px;
}
- .inline-edit-row fieldset label span.title {
+ .inline-edit-row fieldset label span.title,
+ .inline-edit-row fieldset.inline-edit-date legend {
float: none;
}
padding: 0;
}
- .inline-edit-row fieldset label span.input-text-wrap {
+ .inline-edit-row fieldset label span.input-text-wrap,
+ .inline-edit-row fieldset .timestamp-wrap {
margin-right: 0;
}
height: 22px;
}
- /* Taxonomies */
- .tags .column-posts {
- width: 74px;
- }
-
- .tags .column-slug {
- width: 30%;
- }
-
- /* Comments */
- .comments .column-response {
- width: 35%;
- }
-
- /* Users */
- .users .column-role {
- width: 35%;
- }
-
- /* Network admin sites */
- .sites .column-blogname {
- width: 55%;
- }
-
/* Updates */
#wpbody-content #update-themes-table .plugin-title {
width: auto;
overflow: hidden;
}
- /* Plugin/Theme Management Page */
- .wp-list-table.plugins {
- position: relative;
- margin-top: 35px;
- margin-bottom: 50px;
- }
-
- .wp-list-table.plugins thead .column-description,
- #wpbody-content .wp-list-table.plugins tfoot .column-description,
- .wp-list-table.plugins th#description {
+ /* List tables that don't toggle rows */
+ .comments-box .toggle-row,
+ .wp-list-table.plugins .toggle-row {
display: none;
}
- #wpbody-content .wp-list-table.plugins,
- #wpbody-content .wp-list-table.plugins thead,
- #wpbody-content .wp-list-table.plugins tbody,
- #wpbody-content .wp-list-table.plugins tr,
- #wpbody-content .wp-list-table.plugins .column-description,
- #wpbody-content .wp-list-table.plugins .plugin-title,
- #wpbody-content .wp-list-table.plugins .theme-title,
- #wpbody-content .wp-list-table.plugins .plugin-update,
- #wpbody-content .wp-list-table.plugins .manage-column.column-name {
+ /* Plugin/Theme Management */
+ #wpbody-content .wp-list-table.plugins td {
display: block;
width: auto;
+ padding: 10px 9px; /* reset from other list tables that have a label at this width */
}
- .wp-list-table.plugins thead,
- .wp-list-table.plugins tfoot {
- position: absolute;
- top: -35px;
- right: 0;
- left: 0;
- width: auto;
- height: 35px;
- }
-
- .wp-list-table.plugins tfoot {
- bottom: -35px;
- top: auto;
- }
-
- .active, .inactive {
- padding-top: 0;
+ #wpbody-content .wp-list-table.plugins .column-description {
+ padding-top: 2px;
}
.wp-list-table.plugins .plugin-title,
padding-bottom: 4px;
}
- .plugins tr.active + tr.inactive th.check-column,
- .plugins tr.active + tr.inactive td,
- .wp-list-table.plugins .plugin-title,
- .wp-list-table.plugins .theme-title,
- .wp-list-table.plugins tbody th {
+ .plugins #the-list tr > td:not(:last-child),
+ .plugins #the-list .update th,
+ .plugins #the-list .update td,
+ .wp-list-table.plugins #the-list .theme-title {
-webkit-box-shadow: none;
box-shadow: none;
+ border-top: none;
+ }
+
+ .plugins #the-list tr td {
+ border-top: none;
}
.plugins tbody {
padding: 1px 0 0;
}
- .plugins tr.active + tr.inactive td.column-description {
+ .plugins tr.active + tr.inactive th.check-column,
+ .plugins tr.active + tr.inactive td.column-description,
+ .plugins .plugin-update-tr:before {
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
border-top: none;
}
- .wp-list-table.plugins .column-description {
- padding-top: 0;
+ /* mimic the checkbox th */
+ .plugins .plugin-update-tr:before {
+ content: '';
+ display: table-cell;
}
- .wp-list-table.plugins .manage-column.column-name,
- .wp-list-table.plugins .column-description,
- .wp-list-table.plugins .plugin-title,
- .wp-list-table.plugins .theme-title {
- padding-left: 12px;
- padding-right: 46px;
+ .plugins .active.update + .plugin-update-tr:before {
+ border-right: 4px solid #d54e21;
+ background-color: #fef7f1;
}
- .wp-list-table.plugins tr {
- position: relative;
- }
-
- .wp-list-table.plugins th.check-column,
- .wp-list-table.plugins tr.update th.check-column {
- position: absolute;
- height: auto;
- top: 0;
- bottom: 0;
- right: 0;
- padding-right: 2px;
- padding-top: 18px;
+ .plugins #the-list .plugin-update-tr .plugin-update {
+ border-right: none;
}
- .wp-list-table.plugins thead th.check-column,
- .wp-list-table.plugins tfoot th.check-column {
- padding-right: 3px;
- padding-top: 11px;
- background: none;
- }
-
- .widefat tbody th.check-column input[type="checkbox"] {
- margin-top: -3px;
- margin-right: 8px;
- }
-
- .wp-list-table.plugins .active .check-column input,
- .wp-list-table.plugins .update .check-column input {
- margin-right: 5px;
- }
-
- .wp-list-table.plugins thead .check-column input,
- .wp-list-table.plugins tfoot .check-column input {
- margin-top: -6px;
- }
-
- .wp-list-table.plugins .active th.check-column {
- background: none;
+ .plugin-update-tr .update-message {
+ margin-right: 0;
}
.wp-list-table.plugins .plugin-title strong,
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
-}
-/* Smartphone */
-@media screen and (max-width: 600px) {
- /* Remove slug column from taxonomy list page
- and role column from users list page */
- .tags .column-slug,
- .users .column-role {
- display: none;
+ .plugin-card {
+ margin-right: 0;
+ margin-left: 0;
+ width: 100%;
}
}
scripts.mit.edu / autoinstalls / wordpress.git / blobdiff