Wpis z mikrobloga

Wersja 1.06 – tak jak pisałem, zabrałem się za redukcję pustych przestrzeni, lista zmian:

- zmniejszono odstępy między elementami wpisów (pic rel)
- schowano listę plusujących (wyświetla się po najechaniu) (film rel)
- zwiększono awatary
- dodano cień pod komentarzami
- poprawiono kolor niebieskiego paska
- poprawiono kolor 'via Wykop', 'via Android' etc.
- poprawiono kolor podświetlenia po najechaniu na datę wpisu
- poprawiono stylowanie opisów znalezisk
- poprawiono stylowanie nieatywnych przycisków zmiany stron
- poprawiono stylowanie ikonek w panelu bocznym

- https://userstyles.world/style/8154/wykop-the-best-style ← styl
- https://github.com/tentin-quarantino/wykop-the-best-style ← instrukcja
- https://wykop.pl/wpis/70096887 ← poprzednia wersja
- https://wykop.pl/wpis/70068015 ← oryginalny temat

#wykopthebeststyle jest moim tagiem autorskim, na którym publikuję informacje o nowych aktualizacjach stylu.

#wykop #nowywykop #wykop20
tentin_quarantino - Wersja 1.06 – tak jak pisałem, zabrałem się za redukcję pustych p...

źródło: msedge_XiykFJDuqW

Pobierz
tentin_quarantino - Wersja 1.06 – tak jak pisałem, zabrałem się za redukcję pustych p...
  • 45
@tentin_quarantino: dziwne to z tym ukrywaniem (najfajniej byłoby jako opcja wybieralna w usercss, choć z doświadczenia wiem że to kłopotliwe trochę), reszta zmian mocno na plus. Myślę, że wykopowicze o wiele przychylniej by patrzyli na nowy wygląd i bugi, gdyby chociaż wyglądał jak Twój styl.

Mały błąd: nicki plusujących są zawsze szare, na starym wypoku przy :hover były tak jak wskazywała ranga.

Usuń proszę:

[data-night-mode] section.entry-voters ul li a.username span
[data-night-mode]
Atexor - @tentin_quarantino: dziwne to z tym ukrywaniem (najfajniej byłoby jako opcja...

źródło: plusy

Pobierz
@tentin_quarantino: wpisałem u siebie i nicki się chowają ale plusujący: cały czas zostaje

section.entry-voters ul:hover {

max-height: 500px;

transition: 1s ease-out;

overflow-y: scroll

}


section.entry-voters ul {

max-height: 3px;

transition: 1s ease-out;

overflow: hidden

}
@Heekate: korzystając z samego CSS mam ograniczone możliwości w tym względzie


@tentin_quarantino: ogólnie istnieje od dość niedawna pseudoklasa :has(). Niestety Firefox jej nie wspiera, dopóki nie włąączysz jej w about:config ,a jak już aktywujesz to działa mocno słabo (dopiero przy F5 strony). W Chrome działa zajefajniście od strzała. Dla mnie akurat to średni pomysł, ale możesz sobie obczaić jak to działa:

article > header:has(.plus.voted) + .edit-wrapper > .entry-voters {
background:
@tentin_quarantino
to ja zwrocilbym uwagę że na apce android mikroblog się ciężko przegląda bo rozwijanie długich dyskusji jest malutkim guzikiem po lewej. przecież telefon trzyma się w prawej w większości...
już nie wspominam że gigantyczne wpisy nie są skrócone ale odpowiedzi już tak...