Mastodon: заметная активная вкладка
Чётко выделяет активную вкладку фоном и цветной границей для удобной ориентации.
Код для копирования
/* Make the active navigation tab much easier to spot */
.column-link.active,
.column-link--transparent.active,
.tabs-bar__link.active {
background: rgba(99, 100, 255, 0.12) !important;
border-left: 3px solid #6364ff !important;
padding-left: 13px !important;
color: #6364ff !important;
font-weight: 700 !important;
}
.column-link.active .column-link__icon,
.column-link--transparent.active .column-link__icon {
color: #6364ff !important;
}Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель CSS правила и сохрани — эффект появится сразу.
Оцени этот пример
Оценок пока нет — оцени первым.