search

InternationalScratchWiki / ScratchWikiSkin2

Skin for the Scratch Wiki.
https://en.scratch-wiki.info
MIT License
17 stars 17 forks source link

Pre tag makes page overflow on the right #42

Closed Ascor8522 closed 6 years ago

Ascor8522 commented 6 years ago

Hi,

On a small screen, when there is a <pre> tag in the page, it sometimes overflows on the right side, leaving a huge scrollable blank space.

See below (Google Chrome mobile device emulator) capture

Could be solved by adding scroll when it overflows. Just one line of CSS is needed and it works...

pre {
overflow-x: scroll;
}
Kenny2github commented 6 years ago

What page is this? I want to try to reproduce this for myself.

apple502j commented 6 years ago

@Kenny2github It seems like frwiki talk. https://fr.scratch-wiki.info/wiki/Discussion_Scratch_Wiki_en_Fran%C3%A7ais:Accueil_de_la_Communaut%C3%A9#Wiki Wednesday

Full size full screen, overflown for me, Firefox 62.

#content pre {
    white-space: pre;
}

disables auto-wrapping. Maybe pre-wrap?

Kenny2github commented 6 years ago

Fixed in ed049ab