Entry screen layout issue

Broken link? Feature request? Anything related to the Spectrum Computing website here.
Post Reply
redballoon
Manic Miner
Posts: 390
Joined: Sun Nov 12, 2017 3:54 pm

Entry screen layout issue

Post by redballoon »

Looks like the text isn't being contained within the bounding area in the Additional File Downloads section. Obvs an issue due to there being no spaces within the name of the file. Same issue in mobile view, too.
See, International Match Day - https://spectrumcomputing.co.uk/entry/2 ... _Match_Day
Image

and, uh, Peter Beardsley's International Football (look, I'm doing some research ok) - https://spectrumcomputing.co.uk/entry/3 ... l_Football
Image
Last edited by redballoon on Thu Apr 13, 2023 5:46 pm, edited 1 time in total.
redballoon
Manic Miner
Posts: 390
Joined: Sun Nov 12, 2017 3:54 pm

Re: Entry screen layout issue

Post by redballoon »

Without knowing to much what's going on in the background, changing the class of the wrapping div to be col-sm-4 rather than col-sm-3 does fix the issue for Peter Beardsley, at least, but not sure how it'll affect other entries.

Edit: Just checked the International Match Day entries and changed the class of the 4th column to be col-sm-4 on the RZX entry and that completely mucks-up the layout.
Adrian_Singh
Drutt
Posts: 19
Joined: Tue Feb 19, 2019 12:07 pm

Re: Entry screen layout issue

Post by Adrian_Singh »

Maybe the last column could benefit from an additional class with the CSS property "overflow-wrap: break-word" ?

This way if content doesn't naturally have a place to break at, it will break at the point at which it reaches the edge of the container so not overflow but automatically wrap to the the line below.
redballoon
Manic Miner
Posts: 390
Joined: Sun Nov 12, 2017 3:54 pm

Re: Entry screen layout issue

Post by redballoon »

Yip, that'll do it.
User avatar
pavero
Dynamite Dan
Posts: 1599
Joined: Sat Dec 09, 2017 11:49 pm
Location: The Czech Republic
Contact:

Re: Entry screen layout issue

Post by pavero »

Adrian_Singh wrote: Thu Apr 13, 2023 5:47 pm Maybe the last column could benefit from an additional class with the CSS property "overflow-wrap: break-word" ?

This way if content doesn't naturally have a place to break at, it will break at the point at which it reaches the edge of the container so not overflow but automatically wrap to the the line below.
Well, you can try this ... :)

https://spectrumcomputing.co.uk/entry/2 ... spertarse_
Post Reply