New Forum Style Issues

[mark4sisb]

I like the new colour scheme (although it will take some getting used to). However, there are a couple of issues I have encountered.

1. When under the categories tab of the home page in Snap! Style, Sam's Simple, or Graceful themes, there is a giant search bar. This search bar doesn't even exist in the other styles - can it be removed or at least shrunk? Thanks!

   
   
   
   

2. The "Dark" "Light" and "Auto" button in the top bar doesn't show up in all themes and doesn't work (at least for me).

3. The "Discourse Dark" theme has an extra trapezoidal tab at the middle of the top bar that is dark blue coloured:
   

   
   
   Zoomed in:
   

4. Some themes (dark, graceful, Sam's simple) have a line separating the top bar from the page, this line is not present on the trapezoidal tab:
   

   

That's all for now!

[nerdiot]

@mark4sisb

The "Dark" "Light" and "Auto" button in the top bar doesn't show up in all themes and doesn't work (at least for me).

Same:

[ego-lay_atman-bay]

With these options, I don't have any issues on my phone, however I do have issues on the desktop site.

One thing I have noticed is that the message window can no longer be resized (on my phone, it can on the desktop site), which I have used many times.

[cycomachead]

Not every theme is going to be the exact same.

Some of theme are old and unsupported… I’ll see about fixing the little trapezoid issue though.

Some of the other fixes are discourse defaults.

[bh]

I kind of agree that the huge "welcome back" banner and search bar use up valuable vertical space on the screen, but since it's not there in all styles we don't all have to have the same preference about this. But maybe someone should write a "how to change your theme" tutorial that also explains how the themes differ.

Oops I was wrong. Maybe we should have a no-banner theme? Or isn't that under control of the theme?

[mark4sisb]

@bh

Oops I was wrong.

The whole theme setup just changed, and I'm much happier (the search bar isn't nearly so chunky). So I'm good with things.

[ego-lay_atman-bay]

When the update happened, it was just normal as usual. Later I got a large search bar at the top of the main page, but now it's replaced with a big "welcome back" banner.

I personally don't mind the "welcome back" banner, but not the search bar (if it was a feature I use often, then maybe I'd like it, but it's not).

Keep in mind, this is just all on my phone.

[mark4sisb]

@ego-lay_atman-bay

When the update happened, it was just normal as usual. Later I got a large search bar at the top of the main page, but now it's replaced with a big "welcome back" banner.

Same happened for me (the welcome banner has a small search bar though).

@ego-lay_atman-bay

I personally don't mind the "welcome back" banner, but not the search bar (if it was a feature I use often, then maybe I'd like it, but it's not).

Ditto.

@ego-lay_atman-bay

Keep in mind, this is just all on my phone.

Laptop for me.

[bh]

For me it's huge, perhaps because of my minimum font size?

[dardoro]

For me, it's twice as big as a menu, rather huge.

[ampelectrecuted]

exposed: bh has too many open tabs

[bh]

@ampelectrecuted

exposed: bh has too many open tabs

Oh, tell me about it.

By the way, something has changed in the Chrome, so that my MacOS abbreviation S! ➞ Snap<i>!</i> no longer works if I type a space or punctuation character after the bang. I have to type a tab for it to expand. This just changed, so I thought it was because of the new forum software, but it still works as expected in Safari. OTOH there's a "relaunch to update" button in my Chrome window, so I don't think there has been a sudden change in Chrome. I guess something is different in the forum, but it's a something that affects only Chrome?

[sathvikrias]

@bh

Snap<i>!</i>

how did this happen? (weird formatting)

[cycomachead]

To the extent that a huge goal of this forum is to help people who aren't sure how to do something in Snap!, I think a big search bar makes sense—or, at least, I get why this is a setting in discourse. We can probably turn it off, but honestly, I like it and showing the username mirrors the homepage of the community site.

We could try to hack up some themes / customizations, but I don't really have the time to go through all the options and support+testing things might require. (I mean, I find Discourse's light/dark mode toggle horrendous, but it's whatever...)

[coder_07]

for me the notch on the topbar is in the middle of the screen

[dardoro]

Bringing popular features to Discourse: Header search, welcome banner, and...

For me, "Search experience" and "Enable welcome banner" should be disabled as they are really redundant and annoying...

[cycomachead]

The welcome banner is staying for at least a while, maybe it could be a per-user setting if discourse changes that in the future. (Search experience isn't a setting that can be disabled -- it's either the current/default mode as an icon or a large menubar field.)

Weird about the Discourse Dark theme bug. I thought I fixed this once, but maybe the change didn't save. Should be good now? I think this theme should be removed, but it seems some folks like it... (Though, I think the standard Snap! Style theme now supports dark mode, so that might be a workable replacement for folks.)

[ego-lay_atman-bay]

@cycomachead

a huge goal of this forum is to help people who aren't sure how to do something in Snap!, I think a big search bar makes sense

Now that you put it that way, I agree with you. It can prompt people to search for their issue before creating a post about it in case it had already been solved before. Though, due to snap adding new stuff some older solutions to problems may not be the current best solution anymore.

[mr_owlssssnap2]

My only real complaint is that the little block notch at the top goes above the elements for the notification panel

[ego-lay_atman-bay]

I have an idea of how the top notch should be, just make it a :after pseudo element of the header, and have it inherit the background color. Basically just do this.

header:after {
  content: "";
  position: absolute;
  width: 5rem;
  height: 1rem;
  background-color: inherit;
  top: 100%;
  left:2rem;
}

The great thing about this method, is that it's just css, no extra html, the background color inherits from the header, so it'll work for every theme, and there's no z-index issues, as it's on the same z-index as the header.

Edit: looking into is a bit more, I see why you didn't do this, you can't do this with the way you chose to make the trapezoid, with the border. Though this could still work, just use a clip-path, and polygon().