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 */
.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;
}
.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;
}

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

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