WhatsApp Web: większe wcięcie odpowiedzi
Dodaje wyraźny wcięcie i pionową linię przy odpowiedziach z cytatem, ułatwiając śledzenie wątków.
Kod do skopiowania
/* Increase indent and styling for reply threads to follow conversations */
#main div[role="row"]:has([data-testid="quoted-message"]) [data-testid="msg-container"] {
margin-left: 24px !important;
}
#main div[role="row"]:has([data-testid="quoted-message"]) [data-testid="msg-container"]::before {
content: '';
position: absolute;
left: -14px;
top: 8px;
bottom: 8px;
width: 2px;
background: rgba(0,168,132,0.4);
}
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.