Dobra, czy jest tu jakiś magik od #htmla i #css ? Potrzebna mi #FediPomoc !
Próbuję sobie ostylować domyślny wygląd webowy #Mastodon i o ile w przypadku odpowiedzi na posty - sobie poradziłem, tak za cholerę nie mogę odnaleźć klasy, która odpowiadałaby za podbicia.
Albo coś mnie zaślepiło, albo treść podbicia nie jest zamknięta w żadnej klasie?
@LukaszHorodecki - tak, też zauważyłem to, więc sobie zmieniłem tekst o podbiciu na czerwony.
Natomiast wyszukiwania fa-retweet chyba nie jestem w stanie rozwiązać za pomocą samego css w Stylusie.
@mason Tak na szybko, to możesz spróbować z:
:has(i.fa-retweet)
lub
:nth-child
ale nie sprawdzałem.
@LukaszHorodecki
@LukaszHorodecki@mastodon dużo tych przeglądarek nie ma. Dwie - Firefox i Chromium* ;D
_____________
* tak, tak, wiem, wiem.
"From version 103: this feature is behind the layout.css.has-selector.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config."
The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This pseudo-class presents a way of selecting a parent element or a previous sibling element with respect to a reference element by taking a relative selector list as an argument.
No, też się zdziwiłem :) Dzięki!
Tak na szybko, bo z psem idę na spacer: z tym jest jeden problem:
div.status:has(i.fa-retweet) {background: #fa0;}
Każdy post ma pod spodem tą ikonkę :D
Próbuję właśnie, ale coś źle rozumiem lub źle zrobiłem:
div.status__wrapper div.status__prepend-icon-wrapper:has(i.fa-retweet) {background: #fa0
Koloruje mi tylko diva z ikoną, a nie ze statusem.
EDIT: zagnieżdżenie podwójnego has zadziałało! WIELKIE DZIĘKI!
div.status__wrapper:has(div.status__prepend-icon-wrapper:has(i.fa-retweet)) {margin-left: 20px; background: #fa0;}
EDIT2: niestety, taki sposób stylowania raz działa, raz nie działa po kilku przewinięciach. Chyba przez jakąś formę lazy loadingu :(
@LukaszHorodecki - w Phanpy u mnie grupowanie boostów działało i bez włączenia :has. Po kilku testach teraz nie zauważyłem tam problemu.
Ale na pewno ta pseudoklasa zachowuje się nieprzewidywalnie. U mnie raz działa, raz nie . Jak zobaczę, że nie ostylowała mi jakiegoś boosta i kliknę "zbadaj", to styl się "włącza" i jest okej.
Zdecydowanie przydałoby się, żeby deweloperzy Mastodona zamknęli boosty w jakimś divie z klasą, bo w cytatach działa to idealnie, natomiast konieczność stosowania :has na tego typu stronach jak Mastodon czy Phanpy jest bezsensownym marnowaniem zasobów.
Robert A.Mason
Łukasz Horodecki
m0bi
Witek Kowalik