Dyskusja użytkownika aerthevist

@bojowonastawionaowca takie tam psucie portalu cichaczem po nocach żeby za dobrze nie było 😆

@radziol No i koniecznie w weekend. Na produkcji.

@radziol jakies 8 lat temu Sobota, grudzien, 6⁰⁰. Sms "Cybul.... Cos robiles na stronie?" - spojrzalem na cssa tylko, jakies tam drobne poprawki "A wejdz na www, wyglada teraz jak projekt z gimnazjum, nic tu nie wyglada jak winno" - ale no ja jeszcze go nie wgralem, czej Wchodze na serwer, a tu znikl style.css. tak, skasowalem. Cale szczescie mialem zapas na dysku XD.

@kris Firefox

@kris @aerthevist już chciałem śmieszkować, że to wina artefaktów GPU, które pada, ale mam to samo na Firefox. Przyczyna to "border-radius: calc(var(--radius) + 4px);" dla klasy ".rounded-xl".

W pliku tutaj:
https://www.hejto.pl/_next/static/chunks/329x7wpwbsrak.css
Swoją drogą ciekawe, że pliczek jest zoptymalizowany pod kątem miejsca i nie ma nowych linii, ale w dev consoli widzę, że są i ta reguła jest w wierszu nr 1963.

edit: Nie wiem jak to tam w Tailwindzie stosujecie, ale widzę że ta reguła jest do zaokrąglania kafelków. Może wystarczy ręcznie zmienić na "article .rounded-xl" aby po prostu łapało childa. I widzę, że wtedy to naprawia. Screen drugi.

Zastanawia mnie jednak z czego to wynika, iż daje to taki efekt, bo raczej nie ma tam nic skomplikowanego złożonego z miliona micro-divów czy innych hrów etc.

@Atexor czy jako laik w temacie CSS/"bebechów" stron internetowych w miarę łatwo naprawić?

@aerthevist nie wiem jak z naprawą tego w hejto u @kris, sam w Tailwind CSS nie robiłem którego jakąś odmianę używa Hejto, po prostu rozpoznaję ową strukturę nazwy klas, które wyżej wspomniałem.

Samemu zaś dlasiebie można to łatwo naprawić przy użyciu dodatku Stylus do przeglądarki. Sam używam z kilkudziesięciu różnych modów/poprawek i sam jestem open-sourcowym twórcą różnych motywów do różnych stronek. Zbiór motywów masz na stronie openstyles.world

Jeżeli Ci to przeszkadza a nie chcesz czekać na poprawkę odgórną, to pobierz wspomniany dodatek i utwórz w nim nowy styl oraz wklej to i zapisz:

/* ==UserStyle==

@name hejtoFix

@namespace Hejto

@version 1.0.0

==/UserStyle== */

@-moz-document domain("hejto.pl ") {

article.rounded-xl {

border-radius: 0 !important;

}

}

@Atexor

Chyba zrobiłem coś nie tak, bo wyszło mi coś takiego, a artefakty na głównej są bez zmian.