Gmail: сворачиваемая панель ярлыков
Сужает панель ярлыков до полосы значков и раскрывает её только при наведении.
Код для копирования
/* Collapse the left label rail until you hover it */
.aeN { width: 56px !important; overflow: hidden !important; transition: width .15s; }
.aeN:hover { width: 256px !important; }
.bkK > .nH { margin-left: 56px !important; }Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель CSS правила и сохрани — эффект появится сразу.
Оцени этот пример
Оценок пока нет — оцени первым.