Page 1 of 1
| Website Style Suggestions (For Devs) 16/09/2016 at 09:57 #84961 | |
headshot119
4869 posts |
Could I suggest the following amendments to the style sheet? forum-post-title: Change background colour to same as "navbar-header" reduce the margin and border down to 1.5 px forum-table-row: Change background colour to "white" forum-post-left: change background colour to "233 235 238" forum-post-sig: Reduce font size to 8pt Change font color for green text across the site to "89 149 53" "Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer Log in to reply |
| Website Style Suggestions (For Devs) 16/09/2016 at 10:26 #84965 | |
Jan
889 posts |
The responsive layout could also use some further tweaking, because on my phone - especially in portrait mode - the column with the user name and avatar is taking up too much space and likewise, the post body itself isn't always properly reflowing (probably also because there's not much space left after subtracting the avatar column), meaning I have to scroll horizontally instead. I'll have a try playing around with the CSS later and see if I can get any better results... Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick. Log in to reply |
| Website Style Suggestions (For Devs) 16/09/2016 at 10:29 #84966 | |
|
headshot119
4869 posts |
Jan said:The responsive layout could also use some further tweaking, because on my phone - especially in portrait mode - the column with the user name and avatar is taking up too much space and likewise, the post body itself isn't always properly reflowing (probably also because there's not much space left after subtracting the avatar column), meaning I have to scroll horizontally instead.I did wonder if the mobile site should completely collapse the "avatar area" (Eg forum-post-left) and simply insert the posters name into the post title. This seems to work well on other mobile formatted forums. "Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer Log in to reply |
| Website Style Suggestions (For Devs) 16/09/2016 at 12:33 #84977 | |
|
Jan
889 posts |
You mean like in the responsive phpBB layout? I dimly remember having suggested that already some time ago... it might possibly require some change in the HTML though - the forum still seems to be using tables for the layout and I think you can't really flexibly rearrange those using CSS only. However very experimentally I've used Firefox's inspector to hack the two <td>'s of a "forum-post-left" and "forum-post-right" into <div>'s and then replicate the basic CSS rules phpBB is using for its responsive layout and it seems like it could sort of work, although the interaction with the post title might need some further thinking about. In the meantime, just shrinking the width of "forum-post-left" via the CSS is the simpler and quicker solution however. Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick. Log in to reply The following user said thank you: headshot119 |
| Website Style Suggestions (For Devs) 16/09/2016 at 12:39 #84980 | |
|
headshot119
4869 posts |
Jan said:You mean like in the responsive phpBB layout? I dimly remember having suggested that already some time ago... it might possibly require some change in the HTML though - the forum still seems to be using tables for the layout and I think you can't really flexibly rearrange those using CSS only.Yes it was the responsive phpBB layout I was thinking of. I'm not sure how much effort it would be to replicate that. I do agree the quick and easy fix is probably best to start with. "Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer Log in to reply |
| Website Style Suggestions (For Devs) 22/09/2016 at 21:06 #85287 | |
|
Jan
889 posts |
I'm no CSS guru, so there may be some room for improvement, but at least it's a start. Until this (or some adaptation of it) can be integrated into the site's own CSS, you can even install it on your phone if you happen to be using Firefox for Android in combination with the Stylish add-on. There might also be two possible small bugs with the HTML for forum posts - There's quite a bit of white space above and below the main post text (visible e.g. if you press Ctrl + A to select all the text). If this padding is actually desired, maybe it should be better done via CSS? - The "The following users said thank you" <span> is tagged with class="forum-post-body" as well. Maybe it should get its own class instead? Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick. Log in to reply |