Top right UI Buttons are rendered out of screen when the browser's size is short.

[ghost]

UI Buttons disappear (are rendered out of screen) when narrowing a short browser window.
In order to reproduce this bug, it is imperative that the browser's window is short (low vertical height).
This bug was observed on macOS 10.13.4 using Safari 11.1.
I was able to reproduce it on the, now, latest versions of Firefox and Chrome.

I demonstrate the bug with a sequence of screenshots.

The following is a normal screenshot of Mailpile in a browser.

The following three screenshots are abnormal, they show the result of gradually narrowing the browsers size. Note how the icons in the top right disappear one after another.



The following screenshot is normal, it shows that when the window gets too narrow, the a different style is applied.

I must add that altough the final screenshot is normal, I expected to see five icons -- not just three.

[BjarniRunar]

The responsive UI needs more breakpoints, it seems. Or just be more aggressive about making the Report Bugs link disappear, I think it's what pushes everything else out of place.

The three instead of five thing is "working as intended", as the screen gets smaller we are forced to start dropping features. Someday someone will create or plug in an overflow menu handler that makes the dropped ones still accessible.

[ahadmushir]

Hey!
Is this issue still there? I would like to work on it as a starter of my open source community contribution :)

[BjarniRunar]

Hi @ahadmushir , sorry about the late reply!

I think the general case, that our responsive UI would benefit from some tweaks and more testing definitely still applies. Dragging my Mailpile window to different sizes does still show some glitches like those described above.

[wbenfie]

I would like to work on this issue if it is still available.