Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
05/17/2018 08:04:56 PM (7 years ago)
Author:
djpaul
Message:

Admin, Welcome screen: accessibility improvements.

Fixes #7835

Props to mercime for the initial patch.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-core/admin/sass/hello.scss

    r12007 r12095  
    4040
    4141        &:hover {
     42            -webkit-transition: all 0.1s ease-in-out;
     43            -o-transition: all 0.1s ease-in-out;
    4244            transition: all 0.1s ease-in-out;
    4345            color: rgb(0, 0, 0);
     
    6769.bp-hello-close {
    6870
    69     a {
    70 
    71         &:hover:before {
    72             transition: all 0.1s ease-in-out;
    73             color: var(--bp-hello-color-primary);
    74         }
    75 
    76         &.close-modal:before {
     71    .button {
     72        padding: 5px !important;
     73    }
     74
     75    .close-modal {
     76
     77        &:before {
    7778            content: "\f158";
    7879            color: #23282d; /* wp toolbar */
    79             font: 400 35px/1 dashicons;
     80            font: 400 1.5em/1 dashicons;
    8081            speak: none;
    8182            -webkit-font-smoothing: antialiased;
    8283            -moz-osx-font-smoothing: grayscale;
    8384            background-image: none !important;
     85        }
     86
     87        &:focus:before,
     88        &:hover:before {
     89            -webkit-transition: all 0.1s ease-in-out;
     90            -o-transition: all 0.1s ease-in-out;
     91            transition: all 0.1s ease-in-out;
     92            color: var(--bp-hello-color-primary);
    8493        }
    8594    }
     
    100109
    101110        &:hover:before {
     111            -webkit-transition: all 0.1s ease-in-out;
     112            -o-transition: all 0.1s ease-in-out;
    102113            transition: all 0.1s ease-in-out;
    103114            color: var(--bp-hello-color-primary);
     
    127138    right: 0;
    128139    bottom: 0;
    129     z-index: 9998; // >= 9990 for main menu
     140    z-index: 9998;
    130141
    131142    display: none;
     
    136147    top: 0;
    137148    bottom: 80px;
    138     z-index: 99999; // >= 99998 for toolbar
     149    z-index: 99999;
    139150}
    140151
     
    147158 */
    148159.bp-hello-footer {
     160    display: -webkit-box;
     161    display: -ms-flexbox;
    149162    display: flex;
     163    -ms-flex-wrap: wrap;
    150164    flex-wrap: wrap;
    151165
     
    156170.bp-hello-social-cta,
    157171.bp-hello-social-links {
     172    -ms-flex-preferred-size: 50%;
    158173    flex-basis: 50%;
    159174}
     
    210225#bp-hello-backdrop {
    211226    background-color: rgba(0, 0, 0, 0.8);
     227    -webkit-transition: opacity 0.15s ease-out;
     228    -o-transition: opacity 0.15s ease-out;
    212229    transition: opacity 0.15s ease-out;
    213230}
     
    276293    right: 25px;
    277294    text-align: right;
    278 
    279     a {
    280         text-decoration: none;
    281     }
    282295}
    283296
     
    334347        height: auto;
    335348        max-height: inherit;
    336 
    337349        padding: 6px 30px;
    338350    }
     
    341353        right: 30px;
    342354
    343         a {
    344 
    345             &.close-modal:before {
    346                 line-height: 0.7;
    347             }
     355        .close-modal:before {
     356            line-height: 0.7;
    348357        }
    349358    }
Note: See TracChangeset for help on using the changeset viewer.