dangeredwolf / ModernDeck

A beautiful, powerful Twitter client for desktop.

Home Page:https://moderndeck.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

appearance settings menu has overlapping items in some conditions

aaaddd4747 opened this issue · comments

commented

as per the twitter thread on this topic: https://twitter.com/QuixoticWolve/status/1355728241596706818
EtCvUTLUUAIBRps

based on my testing i believe this to be an issue relating to the width of the text labels vs the remaining available space.
the issue requires "scrollbar style" to be set to "original" (my preferred setting), and any of the following fonts to be set:

  • roboto
  • roboto slab
  • roboto mono
  • noto sans
  • open sans
  • lato
  • jost
  • system ui (i dont know what my system font is)

the issue does NOT occur with roboto condensed.

the issue seems to be invariant of total window width (i use the firefox plugin "Tree Style Tab" so my window wdth is non standard).

also of note in this same screenshot: the font size slider is messed up. the lower limit of the slider and the slider itself are placed too far down and to the right while the upper limit is placed correctly. the slider itself clips into the reset button, layered behind.
this secondary issue seems to have the same conditions causing it, and actually may be whats causing the other menu items to overlap as it shimmies the entire pfp size selector slider down as well

on even closer inspection all sliders on the page are affected. the sliders are too wide for the menu as a whole and should be resized to fit the smaller width.

the menu shown correctly for comparison:
image

I believe I fixed this but forgot to close the issue, so I'll do that now. If the bug can still be reproduced under other conditions I can reopen it.