Visual problems

Tyyppi: Yleiskeskustelu
Esillä 1 viesti (kaikkiaan 1)
  • Julkaisija
    Artikkelit
  • #15967
    AvatarTapio_Huuhaa
    Avainmestari

    Problems with editors:

    What is missing/wrong:

    1. No hover for all buttons in link and image dialog boxes
    2. Some buttons have light blue border
    3. Visual editor buttons have borders when hovering
    4. An image dialog button has gray color and when hovering blue color
    5. An image editor dialog a button has white borders.
    6. Text editor buttons have borders
    7. Text editor buttons don’t have shadows.

    Text editor buttons:

    Visual editor buttons when hovering:

    Link tool:

     

    Image dialog box:

    Related CSS, where should  be at least CSS for resetting borders and setting shadows:

    div.wp-editor-container div.quicktags-toolbar, .wp-switch-editor {
    background-color: rgb(60, 60, 60)!important;
    }
    .wp-editor-tabs button.wp-switch-editor {
    border-color: rgba(255, 255, 255, 0.2)!important;
    color: #fff!important;
    }
    body.bbpress #bbpress-forums .bbp-topic-title span.bbr-resolution-not-support-sticker::after {
    color: #fff!important;
    border-width: 0!important;
    }
    .mce-widget.mce-btn button, .mce-widget.mce-btn button .mce-ico, .mce-dragh .mce-close, button .mce-ico, #wp-link-update .button-primary, div.wp-editor-tools div.wp-editor-container div.quicktags-toolbar input.ed-button.button.button-small, button mce-ico.mce-ico-remove {
    background-color: rgba(67, 69, 81, 1.0)!important;
    color: #fff!important;
    border-width: 0!important;
    outline-width: 0!important;
    text-shadow: none!important;
    opacity: 1.0!important;
    }
    button .mce-ico:focus {
    border-width: 0!important;
    outline-width: 0!important;
    }
    div.wp-editor-container div.quicktags-toolbar input.ed-button.button-small {
    margin-right: 2px!important;
    }
    .mce-widget.mce-btn button, .mce-close, #wp-link-update .button-primary, div.mce-dragh button.mce-close, div.wp-editor-tools div.wp-editor-container div.quicktags-toolbar input.ed-button.button-small {
    box-shadow: 2px 2px 2px #000!important;
    }
    .mce-widget.mce-btn button:hover, .mce-toolbar button .mce-ico:hover, .mce-reset button mce-ico.mce-ico-remove {
    background-color: #121212!important;
    border-width: 0!important;
    color: #fff!important;
    }
    form#wp-link, form#wp-link .query-results, form#wp-link .query-results *, form#wp-link input, form#wp-link select, form#wp-link option input, .mce-container-body, .mce-container, .mce-textbox, form#wp-link .submitbox {
    background-color: #333!important;
    color: #fff!important;
    }
    form#wp-link #link-modal-title, .mce-window-head button.mce-close .mce-ico:hover, div.mce-window-head button.mce-close:hover, #wp-link button#wp-link-close:hover, .submitbox #wp-link-cancel button.button:hover, .submitbox #wp-link-update .button-primary:hover, .mce-window-head .mce-title {
    background-color: #121212!important;
    color: #fff!important;
    outline: 0!important;
    border-width: 0!important;
    }

    Maybe blue color is focus color, which shoud overwrite.

    Tälle sivustolle ei voi kuka tahansa kirjoittaa. Tämä on testisivusto, jonka ominaisuuksia saatan liittää varsinaiselle sivustolle.

Esillä 1 viesti (kaikkiaan 1)
  • Sinun täytyy olla kirjautunut vastataksesi tähän aiheeseen.

Foorumit 2. Muut aiheet 2.1 WordPress & bbPress Visual problems

[social_warfare]