WordPress.org
Get WordPress

Make WordPress Core

Ticket #31203: 31203.2.diff

File 31203.2.diff, 1.6 KB (added by mrahmadawais, 12 years ago)

Fallback Padding-bottom:10%; added since calc is only supported 82% and has these issues. Safari 7.0 and older and Chrome 26 and older don't support viewport units in calc() expressions (fixed since then). calc() doesn't work inside a transform in IE IE9 appears to ignore calc() expressions when display:table is used. Safari 6 has a bug where an element with a width defined using calc() has its width reset when changing the height using JS (fixed in Safari 7). IE10 crashes when a div with a property using calc() has a child with [same property with inherit](​http://stackoverflow.com/questions/19423384/css-less-calc-method-is-crashing-my-ie10). IE 9 - 11 don't render box-shadow when calc() is used for any of the values. IE11 and other browsers to a lesser extent have trouble supporting calc() inside color or transform values.

  • src/wp-admin/css/themes.css

     
    361361        text-indent: 4px;
    362362}
    363363
    364 .theme-browser .theme.add-new-theme:hover .theme-screenshot,
    365 .theme-browser .theme.add-new-theme:focus .theme-screenshot {
     364.theme-browser .theme.add-new-theme a:hover .theme-screenshot,
     365.theme-browser .theme.add-new-theme a:focus .theme-screenshot {
    366366        background: none;
    367367}
    368368
    369 .theme-browser .theme.add-new-theme:hover span:after,
    370 .theme-browser .theme.add-new-theme:focus span:after {
     369.theme-browser .theme.add-new-theme a:hover span:after,
     370.theme-browser .theme.add-new-theme a:focus span:after {
    371371        background: #fff;
    372372        color: #0074a2;
    373373}
    374374
    375 .theme-browser .theme.add-new-theme:hover:after,
    376 .theme-browser .theme.add-new-theme:focus:after {
     375.theme-browser .theme.add-new-theme a:hover,
     376.theme-browser .theme.add-new-theme a:focus {
    377377        border-color: transparent;
    378378        color: #fff;
    379379        background: #0074a2;
    380         content: '';
     380        -webkit-box-shadow: none;
     381        box-shadow: none;
    381382}
    382383
    383384.theme-browser .theme.add-new-theme .theme-name {
    … …  
    389390        position: relative;
    390391        top: 0;
    391392        margin-top: -10%;
    392         margin-bottom: 10%;
     393        padding-bottom: 10%;
     394        padding-bottom: -webkit-calc( 10% + 15px );
     395        padding-bottom: calc( 10% + 15px );
    393396}
    394397
    395 .theme-browser .theme.add-new-theme:hover .theme-name,
    396 .theme-browser .theme.add-new-theme:focus .theme-name {
     398.theme-browser .theme.add-new-theme a:hover .theme-name,
     399.theme-browser .theme.add-new-theme a:focus .theme-name {
    397400        color: #fff;
    398401        z-index: 2;
    399402}