Rozjeżdżanie się wpisu na mikroblogu

Odpowiedz Nowy wątek
2019-02-09 14:13
1

Zakładam wątek na ten temat, dlatego że gdzieś jest problem i póki co nikt nie znalazł powodu takiego stanu rzeczy.

Ostatnio sam zauważyłem, że mój wpis jest nieprawidłowo wyświetlany, podczas gdy jest zwinięty – tekst paragrafów wyjeżdża poza prawą stronę obramowania. Po rozwinięciu wpisu układ wraca do normy.

Wczoraj do południa był z tym problem, a po południu u mnie już nie występował i do teraz w przeglądarce na PC wyświetla się prawidłowo. Natomiast dziś po ósmej rano @Hispano-Suiza napisał mi, że nadal jest problem:

Screenshot-2019-02-09-08-07-48-872-org-mozilla-firefox.png


edytowany 1x, ostatnio: furious programming, 2019-02-09 14:14
Zaraz, zaraz... limit 12k znaków to dalej mikroblog? :D - Marooned 2019-02-11 09:37
A limit 10k to jeszcze mikroblog, czy już makroblog? ;) - furious programming 2019-02-11 14:54

Pozostało 580 znaków

2019-02-11 10:50
4

Ok, wygląda na to, że mam rozwiązanie. Sprawdzałem tylko na FF, ale wygląda dość prosto.
Jak już wspomniał @Adam Boduch, problem taki, że .microblog-text używa display: table; table-layout: fixed; by zawijać całą swoją zawartość, ale tabelka zawsze ma wysokość swojej zawartości. Zmiana na display: block pozwala ją skrócić, ale zabiera ten magiczny bajer zawijania na siłę.

Moim rozwiązaniem jest.. otoczenie .microblog-text wrapperem, który to będzie miał display: block (z urzędu) plus max-height potrzebne do schowania części i dania opcji Zobacz całość.

screenshot-20190211105042.png


Pozostało 580 znaków

2019-02-11 20:16
0

problem takze wystepuje na komorkach

Pozostało 580 znaków

2019-03-30 21:08
1

Podpinam się – @Marooned czy coś zostało zrobione (nie sprawdzałem nazw podpiętych klas w HTML-u)? U mnie, na najnowszym Firefoksie, blog się rozjeżdża. Wydaje się, że dodanie śródliniowego stylu display: inline; do każdego elementu <div class="media-body" rozwiązuje u mnie problem (nie wiem, czy ta klasa gdzieś indziej nie występuje). Poza tym chciałbym zapytać, jeśli ktoś wie – czemu właściwość width dla klasy .media-body jest ustawiona na 10000px (10 tysięcy)?


UPDATE: Też to, co wspomniałeś, @Marooned, w drugim poście: klasa .microblog-text, właściwość display – daje efekt. Ze wszystkich 44 możliwości zmiany wartości tej właściwości obsługiwanych przez narzędzia deweloperskie Firefoksa, zmiana wartości na grid lub inline-grid pozwala i zachować ukrywanie, i zmieścić zawartość w odpowiedniej szerokości (obecnie jest block i się rozjeżdża).

edytowany 3x, ostatnio: Silv, 2019-03-30 22:12

Pozostało 580 znaków

2019-04-01 12:17
1

Przyznam, że poza moim "śledztwem" i napisaniem tego posta, nic więcej nie zadziałałem. Jeśli masz chęć, możesz przygotować PR na githubie.
Mam wrażenie, że moja propozycja to najmniej zmian oraz trzymanie się najprostszych stylów (bo nie wiem, jak ze wsparciem grid i inline-grid, nie miałem z nimi do czynienia).


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0