Updated forum theme

[Mumbling]

Good morning 

We admins had been looking for a new theme for a while, especially to accommodate mobile devices (because lets be honest, in our old default theme it was a true challenge to read anything on mobile). We settled on a theme called "Sunrise", and have made it default for all visitors and new members. Zero has tweaked it a while ago to resemble our old theme and I have been using it for a good couple of months now, and some others were using it already as well.

However it seems I triggered something when applying the theme for all visitors/new members, and some of you have now got the new forum theme as well. Now I know as well as anyone that change is not always welcome, so if you do not wish to use the new theme yet, you can change it here (the previous theme is called HaleOn):
https://www.gangoffive.net/index.php?action=profile;area=theme

Now the new theme is not 100% finished yet. We have some cool ideas in store for it, but are currently waiting on several things before we can apply those ideas. I just wanted to get this post out there in case you do not wish to use the new theme and were accidentally upgraded

[Anagnos]

I must say that I quite like this new theme and while it may take a while to get used to, it already feels great. As you said that people will have differing opinions about this change, and myself, I'm not quite yet ready to say goodbye to the previous theme, so I will very likely change it soon. That said, I'm not against the idea of using this in the future. It's just that I'd liked to get used to it before I make the change permanent. I'd love to see the ideas you have in store, Mumbling. Thanks for the heads up!

[Mumbling]

I'd love to see the ideas you have in store, Mumbling.

I guess it can't hurt making a list already, even though some of these features have yet to be put in!

So in this theme:
- everything looks spiffy on mobile (and on desktop too of course)
- images are automatically resized so they fit on your screen (EDIT: this is now also the case for the HaleOn theme, thanks Stardisk!)
- you can choose between a dark and light mode by clicking the sun/moon at the top of the page (light mode is not yet updated)
- if you get tagged by someone you can clearly see the mention without having to look for it
- we are also planning on getting new backgrounds (gotta have a nice background for the light theme )
- there's probably more cool stuff, but I've been using it for so long now I forgot

Once it is all finished, we will only be updating that theme. But that's still a while away. Until then I'll be updating both Sunrise and HaleOn with the monthly post icons etc.

[Stardisk]

- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)

I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment

[Mumbling]

- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)

I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment

When images have width=xxx or height=xxx, that's the size they will appear The rule only applies to pictures that do not have said bb-code and would normally go off-screen.

Are you very familiar with CSS, Stardisk? We are looking for someone who could help us out with updating the light theme and could help us fix issues like that!

[OwlsCantRead]

- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)

I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment

When images have width=xxx or height=xxx, that's the size they will appear The rule only applies to pictures that do not have said bb-code and would normally go off-screen.

Yep, "width: 100%" will fix and resize the image to the actual <div> it is in. A height & width px being specified will not pan it to element width and set it to the actual width specified instead, if I remember. It's been very long since I had a web programming class, but I'm pretty sure.

Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.

[Stardisk]

When images have width=xxx or height=xxx, that's the size they will appear The rule only applies to pictures that do not have said bb-code and would normally go off-screen.

But if an image has, for example, "width=3000" in its BB-code, it will go beyond the borders. I think you should add the common rule:

Code: [Select]

.post img {max-width: 100%;}

Are you very familiar with CSS, Stardisk? We are looking for someone who could help us out with updating the light theme and could help us fix issues like that!

Well, as I mentioned in my welcome post, I'm a web-developer. To be precise, I'm backend dev (PHP 7+), but I know CSS a bit and can do some little things on it.
And JS of course, but I prefer using ECMAScript 5.
I will be glad to help you with GoF (for free, of course), but I can't guarantee that I have enough skills for everything.

[Mumbling]

ah ok! I actually never tested it with width=3000 or other big numbers like that... lets see



Edit: Nope, all good, it doesn't go over the max limit!

And that's great Stardisk! Rhombus and I will contact you about it one of these days.

Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.

Oh right! Will see if we can fix that. I didn't particularly miss them

[OwlsCantRead]

ah ok! I actually never tested it with width=3000 or other big numbers like that... lets see

Edit: Nope, all good, it doesn't go over the max limit!

Code: [Select]

.post_wrapper .keyinfo {
    width: auto;
}Seems like the Sunrise theme responsive css already sets width to auto instead of 100%, oops. Yeah, I reckon that should fix it too.

And that's great Stardisk! Rhombus and I will contact you about it one of these days.

Yes, please bother him instead of me. I can assist with like noticing bugs and stuff in the code but I have not taken a CSS/PHP web development class in a long long time. My expertise is JS and Python, not webdev.

[Stardisk]

Nope, all good, it doesn't go over the max limit!

But not on the HaleOn theme. Horizontal scroll has appeared 
I hope that it also will be fixed.

And that's great Stardisk! Rhombus and I will contact you about it one of these days.

OK

[OwlsCantRead]

Nope, all good, it doesn't go over the max limit!

But not on the HaleOn theme. Horizontal scroll has appeared 
I hope that it also will be fixed.

Of course it doesn't work there, the responsive CSS isn't in the HaleOn theme (I had to switch back and check lol )

I mean, it could possibly be fixed, but I feel like admins want us all to migrate to Bright Circle theme.

[Mumbling]

Yeah, we're not gonna bother fixing the HaleOn theme. Unless you have loads of spare time on your hands

The Sunrise theme is what we are investing in going forward.

[Stardisk]

Yeah, we're not gonna bother fixing the HaleOn theme.

It is sad. So I've written an userscript, which contains just 1 line of code and it fixes images width in posts and attachments on HaleOn. 
Actually, it just adds one CSS-rule:

Code: [Select]

.postarea img {max-width: 100%;}

[Flathead770]

Yeah I've been using the sunrise theme for quite a while now and I quite like it!

[Mumbling]

Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.

Oh right! Will see if we can fix that. I didn't particularly miss them

This is now fixed

[jassy]

Oh wow the new theme looks great!! It definitely is different than what I’m used to, but it is a lot easier to navigate. I like it!

[DiddyKF1]

Hmm. Not bad at all. It'll just take some time getting used to.

[Mumbling]

Yeah, we're not gonna bother fixing the HaleOn theme.

It is sad. So I've written an userscript, which contains just 1 line of code and it fixes images width in posts and attachments on HaleOn. 
Actually, it just adds one CSS-rule:

Code: [Select]

.postarea img {max-width: 100%;}

For everyone who wanted to keep using the old theme - this major quality of life fix is now implemented for y'all, thanks to Stardisk here

[Sneak]

heh, wrote about developing new themes just this week. XD

Will have to get used to this new theme.

I see it is still under development, so will not look for everything that looks strange.

Though, I'm wondering, why my inbox tells me there's 4 new messages, though there are not at all...   

[OwlsCantRead]

heh, wrote about developing new themes just this week. XD

Will have to get used to this new theme.

I see it is still under development, so will not look for everything that looks strange.

Though, I'm wondering, why my inbox tells me there's 4 new messages, though there are not at all...   

It's showing the number of pages
Confused me at first too but I worked it out.