Nav bar overflow on Larger text

AI-generated summary

Users are discussing a navigation bar overflow issue that occurs when text size is set above “Normal” in the interface preferences. jordanjay29 reports that the nav bar wraps to multiple lines on both full-width and default themes, noting that reducing text size restores the single-line layout. chapoi suggests this wrapping is expected behavior when elements exceed the line width, potentially exacerbated by recent spacing tweaks. jordanjay29 counters that larger text should imply larger targets with less padding, rather than causing layout breaks. Moin proposes keeping the “New Topic” button fixed on the right side, even if it sits on a separate line, to maintain accessibility for multilingual users. awesomerobot acknowledges the difficulty of the situation, suggesting inline scrolling similar to user profile navs or advising admins to reduce the number of menu items. jordanjay29 argues that preserving the current layout structure supports muscle memory. Moin illustrates the issue with images, explaining that longer translations in languages like German (e.g., “ungelesen” vs. “unread”) force the overflow, and removing links is not a viable solution for all users.

I think one of the recent changes to the nav bar now causes it to overflow on sizes above Normal text in Pref > Interface.

This is using the full-width variant, but the result is the same on the default Foundation theme.

Setting the text size back down to Normal restores the topic listing nav to one line.

This is somewhat normal and expected behaviour. As soon as elements don’t fit on the line, they will wrap. It happens faster on the New tab for example, because that has more elements.

Possible it happens faster now because of spacing tweaks, but this is considered normal behaviour.

Would it be possible to keep the new topic button on the right, even if it’s on a different line than the nav links? Especially when I switch between English and German a lot, a new topic button that is constantly displayed on the right-hand side would be helpful.

I believe this is what most needs to be addressed. Larger text would suggest a bigger target for links and less of a need for more padding between elements in order to maintain the nav bar.

Or do what Moin has proposed and maintain the general layout of the nav bar if not the exact structure.

It’s not a pretty situation no matter what we do there

Maybe inline scrolling for that bar like we do in user profile nav would be ok? though the simplest thing is for admins to have fewer items

2 Likes

This solution preserves muscle memory, and there is also a user preference for a default topics listing so changing them on the fly is probably less common once set.

I had something like this in mind:

Instead of the current:

For me, it’s not about fewer items. The problem starts with the fact that “ungelesen” is longer than “unread,” and “angesagt” is longer than “top.” So, admins would have to remove links for everyone because it doesn’t look that beautiful in German.

4 Likes

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.