Плагин One Click Accessibility — меняет положение при нажатии на оттенки серого. ⇐ CSS

[Anonymous]

У меня есть сайт: https://wa-leicester.org.uk, и я добавил плагин под названием One Click Accessibility. Это обеспечит небольшой зеленый переключатель специальных возможностей в левом нижнем углу сайта.


Кажется, есть только настройки для выравнивания переключателя (и его скрытого меню) в правом верхнем или левом верхнем углу, поэтому я попытался выровнять все это по нижнему краю. правая часть экрана (область просмотра, а не вся страница), используя следующий CSS:

Код: Выделить всё

/* icon bottom of nav */
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
bottom:0 !important;
}

/* nav bottom fo screen */
#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
bottom:20px !important;
}

Кажется, это работает идеально, если не считать одного...
В Chrome, когда я нажимаю на опцию «Оттенки серого» внутри меню, вся кажется, что эта штука опускается вниз страницы (казалось бы, исчезает для пользователя).
Без сомнения, это моя собственная работа, я что-то упустил в CSS-коде, но я не могу выяснить А: почему движется (в Chrome кажется, что он движется) и Б: как исправить
Я думал, что он мог бы добавить еще один класс к переключателю ИЛИ скрытому меню, но все, что он делает, это добавляет новый класс в тег body, чтобы сделать оттенки серого с помощью CSS-фильтр).
Кто-нибудь может помочь?

Подробнее здесь: https://stackoverflow.com/questions/748 ... is-clicked