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-09 14:18
0
<div class="microblog-text" style="max-height: 300px;display: grid;">

Załatwia sprawę z perspektywy dev tools. Nie widzę też żeby psuło coś innego ale zakładam też takową możliwość :P


"Trolling is a art"
edytowany 1x, ostatnio: Hispano-Suiza, 2019-02-09 14:19

Pozostało 580 znaków

2019-02-09 14:31
0

https://4programmers.net/Forum/1318110

Już kiedyś mieliśmy podobny problem. Stosujemy style zaproponowane przez @Marooned w w/w poście. Nie mam pomysłu jak to "ulepszyć".

U mnie na chrome jest ok.

Swoją drogą czemu programiści unikają robienia styli tylko pod przeglądarkę? Jeśli FIREFOX to klasa wygląda tak, dla pozostałych inaczej... kiedyś tak robiłem i nie uważam, tego za coś złego .. - youmound 2019-02-09 17:00

Pozostało 580 znaków

2019-02-09 15:00
0

Problem zauważyłem właśnie na Chrome (Android).


Szacuje się, że w Polsce brakuje 50 tys. programistów
Potwierdzam. Dodatkowo górny pasek powiadomień (dzwonek i koperta) ma szerokość taką jak rozjechany wpis na mikroblogu. - Tonyu 2019-02-09 17:57

Pozostało 580 znaków

2019-02-09 19:27
0

U mnie na klasycznej Operze jest w porządku – Firefox też poprawnie wyświetla mój wpis.


Edit: niestety nadal nie jest dobrze. Co prawda mój wpis wyświetla dobrze, ale niektóre inne nie. :/


edytowany 1x, ostatnio: furious programming, 2019-02-11 14:55

Pozostało 580 znaków

2019-02-10 12:57
0

Teraz to się nawet rozjeżdża na PC / Linux / Firefox:
Mój pierwszy post na mikro b...

(ale na głównej stronie)


Szacuje się, że w Polsce brakuje 50 tys. programistów
edytowany 1x, ostatnio: vpiotr, 2019-02-10 12:57

Pozostało 580 znaków

2019-02-10 13:14
0
vpiotr napisał(a):

Teraz to się nawet rozjeżdża na PC / Linux / Firefox:
Mój pierwszy post na mikro b...

(ale na głównej stronie)

Zamiast

.media-body, .media-left, .media-right {
    display: table-cell;
}

Załatwia sprawę dla FF i Chrome.

.media-body, .media-left, .media-right {
    display: contents;
}

Edit
Jednak nie bo psuje tabelkę z ogłoszeniami o pracę :-)


"Trolling is a art"
edytowany 3x, ostatnio: Hispano-Suiza, 2019-02-10 13:18
te style to style bootstrapa więc tego nie ruszajmy :) - Adam Boduch 2019-02-11 07:47
@Adam Boduch: ja bym właśnie postąpił odwrotnie w przypadku Bootstrapa (o ile byłby sens zmiany tych styli). - Silv 2019-03-30 21:02

Pozostało 580 znaków

2019-02-11 10:02
0

Podepnę się bo także mam problem z wpisami na mikro.
Przeglądarka: Chrome
Rozdzielczość:1366x768

screenshot-20190211100143.png

Wszyscy mają ten sam problem :-) - Hispano-Suiza 2019-02-11 10:10

Pozostało 580 znaków

2019-02-11 10:17
0

Ok, jak ktoś wie jak to rozwiązać to zapraszam :)

Problem pojawia się tylko wówczas gdy część wpisu jest ukryta. Po naciśnięciu "Zobacz całość" jest dobrze, prawda? Wszystko dlatego, że przy zwiniętym wpisie nadawany jest styl: display: block; a powinno być display: table aby zadziałało prawidłowe łamanie wpisu.

No, ale wtedy nie działa max-height: 300px ;)

edytowany 1x, ostatnio: Adam Boduch, 2019-02-11 10:24

Pozostało 580 znaków

2019-02-11 10:34
0

Z tego co widzę, to problemem jest znacznik <code>, który ma white-space: pre a nie pre-wrap. Niestety, ponieważ nowy moduł kolorowania składni ma numerowanie linii, ustawienie pre-wrap ładnie zawija wiersze, ale rozsynchronizowuje (jest taki wyraz?) linie po prawej z numerami po lewej. Jeśli zrezygnować z numerowania linii (usunąć .line-numbers z <pre>), to wygląda na to, że było by ok.

Popatrzę jeszcze czy da się to naprawić bez wywalania numerowania.


Pozostało 580 znaków

2019-02-11 10:44
0

U mnie

  • na prywatnym laptopie (matryca FHD, Firefox 65) się rozjeżdża, teksty wpisów na mikro zachodzą na panele po prawej
  • na pracowym laptopie / monitorze (w obu wariantach matryca FHD, Chrome 72) się rozjeżdża, teksty wpisów na mikro zachodzą na panele po prawej
  • w wersji mobile (matryca 720x1280, Chrome 72, Android) nie tylko rozjeżdża się jak w wersji desktop, dodatkowo rozpycha całą stronę, przez co ikony z prawej są przesunięte daleeeeko, o jakieś 1-2 ekrany telefonu, przy rozwijaniu np. powiadomień czy menu z linkami do Forum/Mikro etc. trzeba najpierw przescrollować ekran w prawo do ikony, potem z powrotem w lewo by zobaczyć gdzie co jest :D

Prosząc o pomoc w wiadomości prywatnej odbierasz sobie szansę na otrzymanie pomocy od kogoś bardziej kompetentnego :)

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