vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-07 14:14:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Theme installer:

Browse Source 
* Restore the feature filter.
 * Improve responsiveness.
 * Router updates, fixes.
 * Make "Upload Theme" button more consistent with the admin.
 * Avoid theme-count causing filters to jump.

props matveb.
see #27055.


git-svn-id: https://develop.svn.wordpress.org/trunk@27636 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2014-03-20 04:19:55 +00:00
parent 0963ea19a0
commit 3217fa545b
3 changed files with 139 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/wp-admin/css/themes.css
View File

@@ -169,9 +169,9 @@
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
position: absolute;
top: 35%;
right: 25%;
left: 25%;
top: 35%;
right: 25%;
left: 25%;
background: #222;
background: rgba(0,0,0,0.7);
color: #fff;
@@ -1065,9 +1065,6 @@ body.folded .theme-overlay .theme-wrap {
16.2 - Install Themes
------------------------------------------------------------------------------*/
.theme-install-php h2 .upload {
margin-left: 10px;
}
.theme-navigation {
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
@@ -1081,6 +1078,17 @@ body.folded .theme-overlay .theme-wrap {
position: relative;
width: 100%;
}
.theme-install-php a.upload,
.theme-install-php a.browse-themes {
cursor: pointer;
}
.theme-install-php a.browse-themes,
.theme-install-php.show-upload-theme a.upload {
display: none;
}
.theme-install-php.show-upload-theme a.browse-themes {
display: inline;
}
.upload-theme {
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -1090,9 +1098,9 @@ body.folded .theme-overlay .theme-wrap {
width: 100%;
overflow: hidden;
position: relative;
top: 10px;
top: 10px;
}
.upload-theme.opened {
body.show-upload-theme .upload-theme {
display: block;
}
.upload-theme .wp-upload-form {
@@ -1110,13 +1118,17 @@ body.folded .theme-overlay .theme-wrap {
padding: 40px 0 0;
text-align: center;
}
.upload-theme.opened + .theme-navigation,
.upload-theme.opened + .theme-navigation + .theme-browser {
body.show-upload-theme .upload-theme + .theme-navigation,
body.show-upload-theme .upload-theme + .theme-navigation + .theme-browser {
display: none;
}
.theme-navigation .theme-count {
top: 3px;
margin-left: 0;
position: absolute;
top: 12px;
}
.theme-count + .theme-section {
margin-left: 60px;
}
.theme-section,
.theme-filter {
@@ -1142,13 +1154,13 @@ body.folded .theme-overlay .theme-wrap {
cursor: pointer;
display: inline-block;
margin: 0 10px;
padding: 4px 5px;
padding: 4px 6px;
-moz-transition: color .1s ease-in, background .1s ease-in;
-webkit-transition: color .1s ease-in, background .1s ease-in;
transition: color .1s ease-in, background .1s ease-in;
}
body.more-filters-opened .more-filters,
.theme-navigation .more-filters.current {
body.more-filters-opened .more-filters:before {
background: rgb(46, 162, 204);
border-radius: 2px;
border: none;
@@ -1156,8 +1168,8 @@ body.more-filters-opened .more-filters,
}
.theme-install-php .theme-search {
position: absolute;
right: 10px;
top: 9px;
right: 10px;
top: 9px;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
@@ -1197,10 +1209,50 @@ body.more-filters-opened .more-filters,
body.more-filters-opened .more-filters-container {
display: block;
}
.more-filters-container .filters-group {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 20%;
}
.more-filters-container .feature-name {
margin-top: 0;
}
.more-filters-container ol {
list-style-type: none;
margin: 0;
}
.theme-install-php .add-new-theme {
display: none !important;
}
@media only screen and (max-width: 1120px) {
.theme-install-php .theme-search {
margin: 20px 0;
position: static;
width: 100%;
}
.more-filters-container {
border-bottom: 1px solid #eee;
}
.upload-theme .wp-upload-form {
margin: 20px 0;
max-width: 100%;
}
.upload-theme .install-help {
font-size: 15px;
padding: 20px 0 0;
text-align: left;
}
.more-filters-container .filters-group {
width: 50%;
}
.more-filters-container .filters-group:nth-child(3n) {
clear: left;
}
}
.rating {
margin: 30px 0;
}