IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More consistent icons in place of some buttons for the Customizer and theme install preview.

Browse Source 
* Use a single close icon instead of a context-changing cancel/close button in the Customizer. In user testing, this small distinction in language was overlooked, and we use an AYS now instead. This also makes it consistent with the back arrow in Customizer panels.
* Use the same close icon as well as the previous/next arrows from the theme details browser in the theme install preview.

props celloexpressions. fixes #28655.

Built from https://develop.svn.wordpress.org/trunk@29031


git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí
2014-07-08 18:19:14 +00:00
parent be12ea968a
commit b90b64bf9e
41 changed files with 339 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wp-admin/css/colors/_admin.scss
+12
View File
@@ -453,6 +453,16 @@ body.more-filters-opened .more-filters:focus:before {
color: $menu-highlight-text;
}
.theme-install-overlay .close-full-overlay:hover,
.theme-install-overlay .close-full-overlay:focus,
.theme-install-overlay .previous-theme:hover,
.theme-install-overlay .previous-theme:focus,
.theme-install-overlay .next-theme:hover,
.theme-install-overlay .next-theme:focus {
background-color: $menu-highlight-background;
color: $menu-highlight-text;
}
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
@@ -472,6 +482,8 @@ body.more-filters-opened .more-filters:focus:before {
color: $menu-highlight-text;
}
.customize-controls-close:focus,
.customize-controls-close:hover,
.control-panel-back:focus,
.control-panel-back:hover {
background-color: $menu-highlight-background;
wp-admin/css/colors/blue/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #096484;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #096484;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #096484;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #096484;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #096484;
color: #fff; }
wp-admin/css/colors/blue/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/blue/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #096484;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #096484;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #096484;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #096484;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #096484;
color: #fff; }
wp-admin/css/colors/blue/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/coffee/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #c7a589;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #c7a589;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #c7a589;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #c7a589;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #c7a589;
color: #fff; }
wp-admin/css/colors/coffee/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/coffee/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #c7a589;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #c7a589;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #c7a589;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #c7a589;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #c7a589;
color: #fff; }
wp-admin/css/colors/coffee/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/ectoplasm/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #a3b745;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #a3b745;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #a3b745;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #a3b745;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #a3b745;
color: #fff; }
wp-admin/css/colors/ectoplasm/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/ectoplasm/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #a3b745;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #a3b745;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #a3b745;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #a3b745;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #a3b745;
color: #fff; }
wp-admin/css/colors/ectoplasm/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/light/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #888;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #888;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #888;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #888;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #888;
color: #fff; }
wp-admin/css/colors/light/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/light/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #888;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #888;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #888;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #888;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #888;
color: #fff; }
wp-admin/css/colors/light/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/midnight/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #e14d43;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #e14d43;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #e14d43;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #e14d43;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #e14d43;
color: #fff; }
wp-admin/css/colors/midnight/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/midnight/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #e14d43;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #e14d43;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #e14d43;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #e14d43;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #e14d43;
color: #fff; }
wp-admin/css/colors/midnight/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/ocean/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #9ebaa0;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #9ebaa0;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #9ebaa0;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #9ebaa0;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #9ebaa0;
color: #fff; }
wp-admin/css/colors/ocean/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/ocean/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #9ebaa0;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #9ebaa0;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #9ebaa0;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #9ebaa0;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #9ebaa0;
color: #fff; }
wp-admin/css/colors/ocean/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/sunrise/colors-rtl.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #dd823b;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #dd823b;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #dd823b;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #dd823b;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #dd823b;
color: #fff; }
wp-admin/css/colors/sunrise/colors-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
wp-admin/css/colors/sunrise/colors.css
+5 -1
View File
@@ -288,6 +288,10 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #dd823b;
color: #fff; }
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
background-color: #dd823b;
color: #fff; }
/* Widgets */
.widgets-chooser li.widgets-chooser-selected {
background-color: #dd823b;
@@ -301,7 +305,7 @@ body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-fil
background-color: #dd823b;
color: #fff; }
.control-panel-back:focus, .control-panel-back:hover {
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
background-color: #dd823b;
color: #fff; }
wp-admin/css/colors/sunrise/colors.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long