Update/Install: Shiny Updates v2.

Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.

Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.



git-svn-id: https://develop.svn.wordpress.org/trunk@37714 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Konstantin Obenland
2016-06-15 16:36:07 +00:00
parent 1d115078eb
commit 4dd1d9bef9
30 changed files with 3653 additions and 769 deletions
+43 -53
View File
@@ -11,15 +11,10 @@
clear: both;
}
.themes-php .wrap h1 {
float: left;
.themes-php:not(.network-admin) .wrap h1 {
margin-bottom: 15px;
}
.network-admin.themes-php .wrap h1 {
margin-bottom: 0;
}
.themes-php .wrap h1 .button {
margin-left: 20px;
}
@@ -37,11 +32,13 @@
}
/* Position admin messages */
.themes-php div.updated,
.themes-php div.error,
.themes-php div.notice {
margin: 0 0 20px 0;
clear: both;
.theme .notice,
.theme .notice.is-dismissible {
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
/**
@@ -206,43 +203,6 @@
opacity: 1;
}
/**
* Displays a theme update notice
* when an update is available.
*/
.theme-browser .theme .theme-update,
.theme-browser .theme .theme-installed {
background: #d54e21;
background: rgba(213, 78, 33, 0.95);
color: #fff;
display: block;
font-size: 13px;
font-weight: 400;
height: 48px;
line-height: 48px;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
left: 0;
border-bottom: 1px solid rgba(0,0,0,0.25);
overflow: hidden;
}
.theme-browser .theme .theme-update:before,
.theme-browser .theme .theme-installed:before {
content: "\f463";
display: inline-block;
font: normal 20px/1 dashicons;
margin: 0 6px 0 0;
opacity: 0.8;
position: relative;
top: 5px;
speak: none;
-webkit-font-smoothing: antialiased;
}
/**
* The currently active theme
*/
@@ -951,7 +911,6 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update,
.theme-overlay .theme-description {
margin-left: 0;
}
@@ -1041,11 +1000,18 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.theme-browser .theme .theme-installed {
background: #0073aa;
}
.theme-browser .theme .theme-installed:before {
.theme-browser .theme .notice-success p:before {
color: #79ba49;
content: "\f147";
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: top;
}
.theme-browser .theme.is-installed .theme-actions .button-primary {
display: none !important;
.theme-install.updated-message:before {
content: '';
}
.theme-install-php .wp-filter {
@@ -1394,6 +1360,21 @@ body.full-overlay-active {
pointer-events: none;
}
.theme-install-overlay .close-full-overlay,
.theme-install-overlay .previous-theme,
.theme-install-overlay .next-theme {
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.theme-install-overlay .close-full-overlay:before,
.theme-install-overlay .previous-theme:before,
.theme-install-overlay .next-theme:before {
top: 2px;
left: 0;
}
/* Collapse Button */
.wp-core-ui .wp-full-overlay .collapse-sidebar {
position: fixed;
@@ -1708,7 +1689,7 @@ body.full-overlay-active {
max-width: 100%;
}
.theme-install-overlay .wp-full-overlay-header .theme-install {
.theme-install-overlay .wp-full-overlay-header .button {
float: right;
margin: 8px 10px 0 0;
/* For when .theme-install is a span rather than a.button-primary (already installed theme) */
@@ -1803,3 +1784,12 @@ body.full-overlay-active {
line-height: normal;
}
}
@media aural {
.theme .notice:before,
.theme-info .updating-message:before,
.theme-info .updated-message:before,
.theme-install.updating-message:before {
speak: none;
}
}