Gmail: zwijany lewy pasek etykiet
Zwęża lewy pasek etykiet do wąskiego paska ikon i rozwija go dopiero po najechaniu, zyskując miejsce na listę.
Kod do skopiowania
/* 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; }Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.