Re: Seriously Gruesome
Reply #14 –
Was thinking about the board index too. The original markup was to allow a range of presentation options with the CSS we had available back then. Not that anyone has ever been adventurous enough to use the options anyway.
These days the board index (and probably message index too, IIRC) could have the markup simplified, and with flex would be even easier to re-jig for various presentations. Or it could use grid, which is nearly as easy on desktop and might be more useful on mobile.
TBH it's all a bit of a mess at the moment. For example, class="wrapper" was always for setting overall width, but now for some weird reason it's set on the aside that holds the search form and on section#header.
Then in posts the ul.poster is floated, but the aside wrapping it isn't, so that collapses and just sits there looking silly. It would make more sense to put the class and the float on the parent aside rather than the ul. Someone just got all excited about new HTML5 tags without considering what was there before and how it would make sense to integrate it all.
None of this is hard to fix in principle.
ETA: Oh yeah, and flex makes sticky footers on the main pages easy too. IOW can be sticky on index?action=help, even on a large screen. You just mark it up as header + main + footer and do CSS like this:
body {display: flex; flex-direction: column;}
header, footer {flex: 0 0 auto;}
main {flex: 1 1 auto;}
Sorted. No muss. No fuss. Then your .wrapper divs go directly inside those three parents and Bob's your uncle.