Grayscale bug

  • when choosing a grayscale filter, the browser sees that the screen is the whole page, and the layout breaks

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can add some CSS to your site to fix this:

    body.pojo-a11y-grayscale {   
    filter: none !important;   
    -webkit-filter: none !important;   
    -webkit-filter: none !important;   
    -moz-filter: none !important;   
    -ms-filter: none !important;   
    -o-filter: none !important;   
    filter: none !important;   
}   
 
body.pojo-a11y-grayscale *{   
    filter: grayscale(100%);   
    -webkit-filter: grayscale(100%);   
    -webkit-filter: grayscale(1);   
    -moz-filter: grayscale(100%);   
    -ms-filter: grayscale(100%);   
    -o-filter: grayscale(100%);   
    filter: gray;   
}
    Thread Starter mfdok43

    (@mfdok43)

    Ok, thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Grayscale bug’ is closed to new replies.