WordPress.org

Make WordPress Core

Changeset 31952


Ignore:
Timestamp:
04/01/2015 12:21:08 PM (4 years ago)
Author:
ocean90
Message:

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

props celloexpressions, mrahmadawais.
fixes #31203.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r31747 r31952  
    434434
    435435.theme-browser .theme.active .theme-name,
    436 .theme-browser .theme.add-new-theme:hover:after {
     436.theme-browser .theme.add-new-theme a:hover:after,
     437.theme-browser .theme.add-new-theme a:focus:after {
    437438    background: $highlight-color;
    438439}
    439440
    440 .theme-browser .theme.add-new-theme:hover span:after {
     441.theme-browser .theme.add-new-theme a:hover span:after,
     442.theme-browser .theme.add-new-theme a:focus span:after {
    441443    color: $highlight-color;
    442444}
  • trunk/src/wp-admin/css/themes.css

    r31702 r31952  
    311311}
    312312
    313 .theme-browser .theme.add-new-theme:after {
     313.theme-browser .theme.add-new-theme a:after {
    314314    display: block;
    315315    content: '';
    316     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    317     opacity: 1;
    318316    background: transparent;
    319317    background: rgba(0, 0, 0, 0);
     
    323321    right: 0;
    324322    bottom: 0;
    325     padding: 10% 0 0 0;
     323    padding: 0;
    326324    text-shadow: none;
    327325    border: 5px dashed #d5d2ca;
    328326    border: 5px dashed rgba(0, 0, 0, 0.1);
    329     -webkit-transition: opacity 0.2s ease-in-out;
    330     transition: opacity 0.2s ease-in-out;
    331327    -webkit-box-sizing: border-box;
    332328    -moz-box-sizing: border-box;
     
    362358}
    363359
    364 .theme-browser .theme.add-new-theme:hover .theme-screenshot,
    365 .theme-browser .theme.add-new-theme:focus .theme-screenshot {
     360.theme-browser .theme.add-new-theme a:hover .theme-screenshot,
     361.theme-browser .theme.add-new-theme a:focus .theme-screenshot {
    366362    background: none;
    367363}
    368364
    369 .theme-browser .theme.add-new-theme:hover span:after,
    370 .theme-browser .theme.add-new-theme:focus span:after {
     365.theme-browser .theme.add-new-theme a:hover span:after,
     366.theme-browser .theme.add-new-theme a:focus span:after {
    371367    background: #fff;
    372368    color: #0073aa;
    373369}
    374370
    375 .theme-browser .theme.add-new-theme:hover:after,
    376 .theme-browser .theme.add-new-theme:focus:after {
     371.theme-browser .theme.add-new-theme a:hover:after,
     372.theme-browser .theme.add-new-theme a:focus:after {
    377373    border-color: transparent;
    378374    color: #fff;
     
    389385    position: relative;
    390386    top: 0;
    391     margin-top: -10%;
    392     margin-bottom: 10%;
    393 }
    394 
    395 .theme-browser .theme.add-new-theme:hover .theme-name,
    396 .theme-browser .theme.add-new-theme:focus .theme-name {
     387    margin-top: -18px;
     388    padding-top: 0;
     389    padding-bottom: 48px;
     390}
     391
     392.theme-browser .theme.add-new-theme a:hover .theme-name,
     393.theme-browser .theme.add-new-theme a:focus .theme-name {
    397394    color: #fff;
    398395    z-index: 2;
Note: See TracChangeset for help on using the changeset viewer.