Fix the bug of "active" class not working when navbar links are accessed.

[lianguan]

before:

after:

[wxiaoguang]

I think ui secondary menu should be on class="navbar-left"?

Ideally the layout should be:

<div "ui secondary menu">
   <div "item active">...</>
   <div "item">...</>
</>

[lianguan]

I don't think so. I believe the “notifications” on the right should also take effect. It's just that “PageIsNotifications” is not set in Go at the moment.

[wxiaoguang]

The ui secondary menu is from Fomantic UI: https://fomantic-ui.com/collections/menu.html#secondary-menu

I do not think we should abuse it by inserting unrelated elements between menu and item.

If you'd like to make it work for "nav-right", you could do this:

<div navbar>
   <div navbar-left ui secondary menu> item ... </div>
   <div navbar-right ui secondary menu> item ... </div>
</div>

[wxiaoguang]

Actually there could be another choice: totally drop Fomantic UI, and add a .navbar-left > .item.active, .navbar-right > .item.active { ... } style

[wxiaoguang]

Actually there could be another choice: totally drop Fomantic UI, and add a .navbar-left > .item.active, .navbar-right > .item.active { ... } style

Hmm ...... I think we need to do this, because the styles are all done by us, not by Fomantic UI, and there is a plan to remove Fomantic UI step by step.

[wxiaoguang]

We need to make the code maintainable, otherwise the UI will break soon.

So the proper way is to do it like this: Improve navbar: add "admin" tip, add "active" style #32927

#navbar .item.active {
  background: var(--color-active);
}