Zepsuło się stylowanie na 4p

Coś się stało ze stylowaniem.

1. Zielony kolor zamienił się na czarny dla nieprzeczytanych wątków
   

2. Zielona ikonka pliku dla nieprzeczytanych działów zamieniła się na niepasującą do niczego czerwoną kropkę
   

Popsuło się po tym jak były wdrażane zmiany na live. Serwis był niedostępny a potem myk zrypane style.

Jeszcze czerwone dzwonki obok pomarańczowych kropek.

Zrobiło się kolorowo jak w przedszkolu.

Tak w koncu dziala prawdziwe continous integration ;D

kmwtw

Oby się licznik nie przekręcił

stivens napisał(a):

Tak w koncu dziala prawdziwe continous integration ;D

A to nie continous irritation? Chociaż nie wiem, czy tu raczej nie ma miejsca CD czyli continous devastation.

Mija drugi tydzień i nadal ta czerwona kropka jest widoczna. Rozumiem, że to była celowa zmiana? Wydaje mi się, że mocno nie pasuje do delikatnej reszty oraz nawet do koloru

Gdzie kolor nieprzeczytanych poddziałów na lewej ikonce to 215, 102, 28, a nowa czerwona kropka to 225, 29, 72. Może by ją uspójnić, dać ten pomarańczowy kolor i nieco odchudzić ramkę by pasowała do reszty?

Póki Riddle nie naprawi zepsutego skalowania obrazków, polecam dodać custom css do 4p, który to ogarnia, bo bez tego nie da się oglądać setek załączonych obrazków:

.post-content img:not(.img-smile) {
  max-height: none;
  max-width: 100%;
}

Trochę lipa, że na tak drobną poprawkę musimy tyle czekać, a mnóstwo czasu jest przepalane na wątki drzewiaste etc.

@Marooned Dobrze. Jaką więc maksymalną wielkośc obrazka w postach proponujesz?

Wycofanie zmiany, która pojawiła się na dniach? Przed tą zmianą było ok. Nie wiem, jaka to była wartość.

Marooned napisał(a):

Wycofanie zmiany, która pojawiła się na dniach? Przed tą zmianą było ok. Nie wiem, jaka to była wartość.

Umieszczenie na forum screena z telefonu rozpychało post znacznie ponad miarę, często taki screen miał wysokość 4-5 postów (bo telefony z reguły mają dużą rozdzielczość). Konieczne więc stało się skalowanie zbyt dużych obrazów.

Zatem może?

.post-content img:not(.img-smile) {
  max-height: 1000px;
  max-width: 100%;
}

I tak obrazek się skaluje do szerokości dostępnego miejsca w poście, więc na szerokość nic nie rozpycha. Na wysokość zatem plus minus standardowy ekran (najczęściej FHD, czyli koło tego tysiąca)

Marooned napisał(a):

Wycofanie zmiany, która pojawiła się na dniach? Przed tą zmianą było ok. Nie wiem, jaka to była wartość.

Dla porównania, przed zmianą którą wprowadziłem, styl obrazu wynosił {max-width: 100%}. Jak się umieściło screenshot to efekt był taki:

Marooned, może zamiast krytykować każdą jedną zmianę, mógłbyś czasem wziąć pod uwagę po co ona została dodana? Bo na pewno wycofanie tej zmiany to nie byłby dobry pomysł.

No jak dla mnie tu wygląda ok. Pomijam, że musiałem rozwinąć post, by zobaczyć go w całości.
Krytykuję, bo jest to zmiana na gorsze. Niewiele widać obecnie na załączonych obrazach. Podobnie jak na zmniejszonych filmach.
Może czasem mógłbyś przedyskutować zmianę w dziale Coyote zamiast odgórnie, arbitralnie coś zmienić myśląc, że zmiana jest pożądana, sensowna i dopracowana?
Krytykuję, bo ostatnio wiele zmian jest na gorsze i UX upada. Schowanie przycisku edycji. Schowanie linków dla moderatorów. Nie tylko ja krytykuję, jeśli dobrze się przyjrzysz. No ale większość moich postów usilnie usuwasz (np. w tym drzewiastym wątku) udając, że jak usuniesz wpis, to problem znika. To tak nie działa.

Marooned napisał(a):

No jak dla mnie tu wygląda ok. Pomijam, że musiałem rozwinąć post, by zobaczyć go w całości.

A wiesz że ten screen to zrobiłem ustawiając zoom przeglądarki na 25%? Bo normalnie jak się otworzy ten wątek, to z poprzednim rozmiarem, to wygląda tak:

I co, Twoim zdaniem to jest okej?

Tzn. już ciężko mi tu zobaczyć co jest dokładnie nie tak, a co nie, bo widzę jakieś poucinane zlepki.
Dobra, widzę, że nie wygram, bo "tylko krytykuję". Porzucam próbę uratowania 4p. Zrobisz co zechcesz, jak zawsze. Może to ja jadę pod prąd na autostradzie.

Ja sobie zostawiam ten fix na brak max-height/width. Niestety, z filmami nie ma tak łatwo i chyba samym cssem nie mogę naprawić ich miniaturek, by były większe by chociaż tytuł było widać w całości. Tylko szkoda, że trzeba robić własne style by poprawić UX na największym forum programistycznym w kraju, ale widać tak musi być.

Z mojej strony EOT.

@Marooned No po prostu wejdź sobie w ten testowy wątek: https://4programmers.net/Forum/Coyote/Test/375249-test_obrazu i ustaw poprzedni styl, czyli img {max-width: 100%; max-height: none;} i zobacz czy tak jak to wygląda Ci się podoba.

A może byście @Marooned i @Riddle, zamiast się kłócić o to, czy nowe jest lepsze, czy przywrócić stare, ustalili jakiś kompromis - np. skalowanie tylko większych niż coś-tam obrazków, albo ich zmniejszanie, ale nie takie mocne jak jest obecnie? Bo obecnie to wygląda mniej-więcej tak (i do niczego to nie doprowadzi):

• zrób tak, jak było
• ale wtedy było źle
• teraz też jest źle
• zobacz, jak było wtedy
• nie widzę, bo obrazki są pocięte
• wtedy było źle
• teraz też jest źle
• zastanów się, po co była zmiana
• dobra, to nie ma sensu, biorę zabawki i spadam bo nikt mnie i tak nie słucha

Riddle napisał(a):

ustaw poprzedni styl, czyli img {max-width: 100%; max-height: none;}

Miało być EOT, ale rzeczywiście, w moim pierwotnym poście dałem max-width: none, co było błędem. Edytowałem już posty oraz swój nakładany styl na max-width: 100% - teraz jest cacy i wygląda jak powinno (dla mnie). Dzięki za zwrócenie na to uwagi.

A jeśli chodzi o skalę w przeglądarce, to 4p od lat mam na 120%.

Jak otworzę obrazek na telefonie to wyświetla mi się zawsze przycisk przewijania wątku do góry.

Imho powinien mieć zindex niższy od overlaya z obrazkiem

Riddle napisał(a):

@Marooned No po prostu wejdź sobie w ten testowy wątek: https://4programmers.net/Forum/Coyote/Test/375249-test_obrazu i ustaw poprzedni styl, czyli img {max-width: 100%; max-height: none;} i zobacz czy tak jak to wygląda Ci się podoba.

Tak zrobiłam i muszę przyznać, że tak, tak mi się bardziej podoba.
Ogólnie nie lubię zmian, które sprawiają, że muszę więcej klikać.

Czy możemy raz na zawsze zgodnie uznać że przycinanie obrazków, playera YouTube i czegokolwiek innego nie powinno mieć miejsca?

Dobre 2 minuty się zastanawiałem o co chodzi w tym poście, bo nie ma na zrzucie żadnej ceny.

Dopiero po kliknięciu na obrazek zrozumiałem że był on przycięty
Skandal!

Dodatkowo - zamknięcie podglądu powinno następować nie tylko poprzez naciśnięcie x albo overlaya, ale także samego obrazka. Jak jest odpowiednio duży obraz w proporcjach ekranu to trzeba szukać wąskiego paska overlay grubym paluchem żeby zamknąć podgląd.

przycinanie obrazków, playera YouTube i czegokolwiek innego nie powinno mieć miejsca?

Pełna zgoda, przycinanie w żadnym wypadku nie jest opcją.
Kwestia skalowania/zmniejszania: tutaj możemy podyskutować, żeby to jakoś ogarnąć - ale w sensownych granicach, a nie robienie z wszystkiego znaczka na listy ;)

@opiszon
Obrazki i tak są na 4p źle (tzn. niezgodnie ze standardem HTML) ostylowane, tzn. mają display: block, a to oznacza, że nie da się wyświetlić niczego w tej samej linii. Co za tym idzie, wyświetlanie szerokości mniejszej niż szerokość treści posta to marnowanie tego miejsca, a to implikuje max-width: 100% jako jedyne (w mojej opinii) sensowne rozwiązanie.

Dziękujemy za zgłoszone problemy.

• Kolory ikon przy nieprzeczytanej kategorii zostały poprawione, tak żeby pasowały do całej strony.
• Przycięte obrazki były przycięte dlatego że znajdowały się w liście - miały 100% szerokości postu, ale lista przesunęła je w prawo, co wyglądało jak przycięcie. Problem jest już poprawiony.
• Skalowanie obrazów zostało zwiększone do rozmiaru 480px/320px.

4programmers.DEV napisał(a):

• Skalowanie obrazów zostało zwiększone do rozmiaru 480px/320px.

Co wpłynęło na wybór rozmiaru rodem z lat 90? Jest do tego jakieś wytłumaczenie?

Co tu sie odjaniepawla

I jeszcze takie coś.

Pole z kodem rozpycha serwis

że

Jezus maria. Nigdy tutaj nie komentowałem ale wnosze o zaprzetanie robienia testów na produkcji -.- Miesiac temu style byly nie nagorsze ale aktualnie bola mnie oczy jak tutaj wchodze... Chwile temu ktos dal jakis jaskrawy zielony ktory walil po oczach jako nazwy tematow teraz znow wszystko na czarno jak na pogrzebie -.- Plus przez jakis czas nie dalo sie normalnie obrazka zamknac tylko trzeba bylo szukac X...

@Ziemiak O to nie tylko mnie od jakiegoś czasu irytuje stylowanie tematów. Nieprzyjemny zielony, grubość też nie taka. Zróbciedeploy kodu z końcówki zeszłego roku.

@Riddle

Ikonki na gornym menu maja inny kolor/odcien niz lupka.

Przeczytany temat nie powinien byc wyboldowany.

Ogolnie to forum wyglada teraz jakos dziwnie.