Forum change?

chrcoluk

Did something change in the forum - or maybe the css?

Looks horrible

It was not like this earlier today. Fonts are huge.

Same here, but I assumed it was my end, as I have had a few websites all suddenly looking different, but at least in the case of this forum, I guess its not my end.

johnpoz

@chrcoluk not unless we have the same issue, sure haven't noticed it on any other sites and looks same in chrome as it does on FF.

I cleaned it up a bit with

a.text-reset {
  font-size: 18px;
  line-height: 12px;
  font-weight: 500;
  font-style: normal;
}

a.badge.px-1.text-truncate.text-decoration-none.border {
  background-color: #000000;
  border-color: #000000;
  border-style: none;
}

Using stylebot in FF.. Got rid of the white boxes and shrank the topic title size a bit

if they don't correct in a few days I will spend some more time on it - but this is better imho.. need to shrink the votes,posts,views down a bit they are quite large as well.

edit: ok this is usable

add this to the above changes

span.fs-4 {
  font-size: 24px;
}

li.category-item.hover-parent.py-2.mb-2.d-flex.flex-column.flex-lg-row.align-items-start {
  padding-bottom: 0px;
  padding-top: 1px;
  margin-bottom: 5px;
}

mvikman

Looks like that with every forum update, the UI themes become less and less readable, especially dark themes...

johnpoz

@mvikman yeah something is off with read topics as well - doesn't seem to change, but deleted topics show like what read use to look like.. Before there was like bold for topics with unread, normal for read topics and then faded for deleted ones..

Guess have to dig into CSS again, but it's been so many years ;) There has to be some webpage guys around here that are wizards with css ;)

emikaadeo

Also on mobile (Safari - iOS) site looks broken

stephenw10

Yup I use a dark skin in my view and they are particularly broken. We are looking into what we can do here.

Currently 'Solar' seems most usable of the dark skins to me.

johnpoz

@stephenw10 I have mine in a state I can live with using stylebot ;) I can toggle it off or on with a simple click so I will keep checking.. And will also check out the solar theme..

But you know the saying once you go _____ you can never go back ;) hehe so for sure won't be switching to the default hahah

stephenw10

Mmm, my eyes can't handle the brightness!

SteveITS

curious what the checkboxes are for on messages on https://forum.netgate.com/unread ?

Otherwise, looks fine here in the light…in 2 minutes of looking.

johnpoz

@SteveITS you talking about these check boxes?

Those are so you can select multiple and mark them as read.

But you think that looks normal? The huge titles, and look at that white blob under the top topic there, the background is the same color as the text - so you can not even see that was posted in official netgate hardware section.

Are you using just the default theme?

The sizes look better with no skin, but look you still can not tell what section this was posted in

SteveITS

@johnpoz yes

The rectangle may be Watching?

Cap:

SteveITS

It’s the Netgate hardware forum that’s not visible but the empty spot is clickable.

johnpoz

@SteveITS yeah your font sizes look horrible as well - and see you can not see what category that netgate 8200 was in.. What idiot designer would pick white font on white background?? Someone that is color blind and just randomly picking squares for the color combo? ;) I would think even a color blind person could tell they can't see the text ;)

Unless your blind? And you have your font size huge on your mobile device? ;)

pst

FWIW, I use the Dark Reader FF plugin, which does a decent job on most all-too-bright sites. Here's what it looks like when applied to the forum configured with the default forum theme

As you can see, it manages to differentiate between read/unread threads, yay!

Threads are also legible:

johnpoz

@pst thanks - will try it out.. Yeah that looks pretty good..

edit: Yeah that works pretty good, tied with a couple of changes with stylebot and can live with it ;) I can now tell the difference between unread, read and deleted topics.

stephenw10

Yup Dark Reader is as good as anything so far. Nice.

chrcoluk

I am using dark reader, which was my initial thoughts as the culprit, the fonts looking too thick/bold now on the forum thread page, will try john's fixes.

johnpoz

@chrcoluk I set skin to default, using dark reader and then a couple of tweaks with stylebot

SteveITS

@SteveITS said in Forum change?:

It’s the Netgate hardware forum that’s not visible but the empty spot is clickable.

It's white on white in the Unread list:
<a href="/category/64/official-netgate-hardware" class="badge px-1 text-truncate text-decoration-none border" style="color: #FFFFFF;background-color: #ffffff;border-color: #ffffff!important; max-width: 70vw;">
<i class="fa fa-fw hidden"></i>
Official Netgate Hardware
</a>

johnpoz

@SteveITS yeah I change the stupid white on white with this in stylebot

a.badge.px-1.text-truncate.text-decoration-none.border {
  border-style: none;
  font-weight: 400;
  font-style: normal;
  background-color: #181A1B;
  text-decoration: none;
  border-color: #181A1B;
}

Here are all the stylebot changes I have

li.category-item.hover-parent.py-2.mb-2.d-flex.flex-column.flex-lg-row.align-items-start {
  padding-bottom: 0px;
  padding-top: 1px;
  margin-bottom: 5px;
}

a.text-reset {
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  
}

a.badge.px-1.text-truncate.text-decoration-none.border {
  border-style: none;
  font-weight: 400;
  font-style: normal;
  background-color: #181A1B;
  text-decoration: none;
  border-color: #181A1B;
}

I could export the json from dark reader if you need/want it?

This is what mine currently looks like