Full Screen Chat Window Height overflow on Sublime theme

Contribute UX
,

AI-generated summary

In the UX category, user Luna_Mora reported that the Sublime theme causes the full-screen chat window to overflow vertically on the screen height, a behavior not seen in Horizon or Foundation themes. They noted the issue also affects the admin panel and occurs with the top sidebar dropdown configuration Luna_Mora.

Developer awesomerobot initially pointed to a pending fix in the theme repository pull request #36. Upon testing, Luna_Mora confirmed the admin panel was resolved, but the chat window with the header dropdown remained broken, cutting off the top of the chat. awesomerobot acknowledged that the sidebar configuration makes a difference and implemented a specific fix for the header dropdown case, while clarifying that undefined composer height variables are expected behavior.

However, Luna_Mora returned to report a new issue where the fix inadvertently made the bottom of the Settings menu inaccessible in both sidebar and header dropdown configurations.

1

I have recently installed the Sublime theme and am running into a bit of an issue with the full screen chat window appearing to overflow the screen on the height:

image
image1817×216 13.9 KB

I assume this is a CSS issue, and I would like to fix this so the view height of the window doesn’t scroll when the full screen chat is open, but I’m brand new to Discourse and I can’t figure out which class or variable is causing the overflow to begin to fix it. :sweat_smile: Any help would be appreciated!

(Also, I don’t know if this is connected, but it appears to do the same thing on the admin panel so it may not be the chat window overflowing but something else in the theme? The chat window does not do this on Horizon or Foundation.)

2 Likes
2

Welcome! and thanks for the report, if you update the theme this will be fixed

https://github.com/discourse/discourse-sublime-theme/pull/36

1 Like
3

Thank you for the quick fix! Unfortunately it didn’t completely work:

image
image1567×347 61.8 KB

Something I failed to call out the first time is that I’m using the dropdown top sidebar instead of the left aligned sidebar. I don’t know if that makes a difference. But the top of the chat is now completely cut off:

image
image1477×208 28.8 KB

The update did fix the admin panel sidebar though, which I didn’t know wasn’t supposed to scroll like that! :grin: So that’s good.

Also it does say that the composer heights are not defined variables:

image
image572×167 5.96 KB

ETA: I played around with it and it is definitely a bug with the header dropdown menu option :sweat_smile:

image
image1727×1100 203 KB

And it remains broken if you do the header dropdown menu and the separate chat nav:

image
image1515×1116 176 KB

1 Like
4

It does! thanks for looking into it — I’ve added a fix for this case too.

Yes this is expected, those variables only populate when the composer is open and fallback to the value after the comma when it’s not.

5

Sorry, back again with a new problem with the full screen chat window that might have been caused by the above fix. I’m honestly not sure, I didn’t access the chat settings panel before the fix was added.

For both sidebar options, sidebar and header dropdown, the bottom of the Settings menu is inaccessible:

Sidebar:

image
image1815×1117 295 KB

Header dropdown:

image
image1522×1125 258 KB

6

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