nic nie zmienialiśmy :open_mouth: jaka przeglądarka?
@aerthevist ciekawe, bo wygląda dobrze. Spróbuj usunąć ten styl, utwórz nowy i zanim cokolwiek zedytujesz to zaznacz "Zapisz nowy styl jako UserCSS". Ta formatka co podałem jest w UserCSS, zapomniałem że nie jest to domyślne. jak przeklejałeś całość nie mając "UserCSS" to może wcześniej pokazuje błąd. I co najważniejsze - jak to zapiszesz to upewnij się, że jest włączone jak na screenie poniżej.
Sprawdziłem teraz robiąc goły fix tylko z Twoim widocznym kodem oraz domeną i w sumie też działa O.o
Chyba zrobiłem coś nie tak, bo wyszło mi coś takiego, a artefakty na głównej są bez zmian.
@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;
}
}
Stylus – Get this Extension for 🦊 Firefox (en-US)Download Stylus for Firefox. Redesign your favorite websites with Stylus, an actively developed and community driven userstyles manager. Easily install custom themes from popular online repositories, or create, edit, and manage your own personalized CSS stylesheets.Mozilla@Atexor czy jako laik w temacie CSS/"bebechów" stron internetowych w miarę łatwo naprawić?
@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.
@kris Firefox
