sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Themes: Improve focus styling of add-new-theme link. 

props celloexpressions, mrahmadawais.
fixes #31203.

git-svn-id: https://develop.svn.wordpress.org/trunk@31952 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90) 2015-04-01 12:21:08 +00:00
parent 8e9a5a7156
commit 5f8c60d79d
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/wp-admin/css/colors/_admin.scss
View File

@ -433,11 +433,13 @@ ul#adminmenu > li.current > a.current:after {
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.active .theme-name,
.theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.add-new-theme a:hover:after,
.theme-browser .theme.add-new-theme a:focus:after {
background: $highlight-color; background: $highlight-color;
} }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after,
.theme-browser .theme.add-new-theme a:focus span:after {
color: $highlight-color; color: $highlight-color;
} }

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

@ -310,11 +310,9 @@
z-index: 1; z-index: 1;
} }
.theme-browser .theme.add-new-theme:after { .theme-browser .theme.add-new-theme a:after {
display: block; display: block;
content: ''; content: '';
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
background: transparent; background: transparent;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
position: absolute; position: absolute;
@ -322,12 +320,10 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: 10% 0 0 0; padding: 0;
text-shadow: none; text-shadow: none;
border: 5px dashed #d5d2ca; border: 5px dashed #d5d2ca;
border: 5px dashed rgba(0, 0, 0, 0.1); border: 5px dashed rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -361,19 +357,19 @@
text-indent: 4px; text-indent: 4px;
} }
.theme-browser .theme.add-new-theme:hover .theme-screenshot, .theme-browser .theme.add-new-theme a:hover .theme-screenshot,
.theme-browser .theme.add-new-theme:focus .theme-screenshot { .theme-browser .theme.add-new-theme a:focus .theme-screenshot {
background: none; background: none;
} }
.theme-browser .theme.add-new-theme:hover span:after, .theme-browser .theme.add-new-theme a:hover span:after,
.theme-browser .theme.add-new-theme:focus span:after { .theme-browser .theme.add-new-theme a:focus span:after {
background: #fff; background: #fff;
color: #0073aa; color: #0073aa;
} }
.theme-browser .theme.add-new-theme:hover:after, .theme-browser .theme.add-new-theme a:hover:after,
.theme-browser .theme.add-new-theme:focus:after { .theme-browser .theme.add-new-theme a:focus:after {
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
background: #0073aa; background: #0073aa;
@ -388,12 +384,13 @@
font-weight: 400; font-weight: 400;
position: relative; position: relative;
top: 0; top: 0;
margin-top: -10%; margin-top: -18px;
margin-bottom: 10%; padding-top: 0;
padding-bottom: 48px;
} }
.theme-browser .theme.add-new-theme:hover .theme-name, .theme-browser .theme.add-new-theme a:hover .theme-name,
.theme-browser .theme.add-new-theme:focus .theme-name { .theme-browser .theme.add-new-theme a:focus .theme-name {
color: #fff; color: #fff;
z-index: 2; z-index: 2;
} }