[Bug] internal style, font size

[atomGit]

Bug Report

Bug Description

if the browser font size is set to a large value, it creates display issues

Screenshots

example

settings dialog appears to be cut off at bottom

System Information

firefox 119
stylus 1.5.37
linux

[atomGit]

firefox 'Language and Appearance' settings

[atomGit]

font size

[atomGit]

in 'Language and Appearance' > 'Fonts', click the 'Advanced' button, then for the Latin font, set all 3 size prefs to something like 20+

sorry, i didn't realize setting the minimum font size was necessary

[tophf]

Indeed, Stylus never supported changing just the font size. Fixing this problem won't be easy though, so no promises...

[atomGit]

it seems like a css problem - this fixes the first issue when i change...

.filter-selection select {
  height: 18px;

to...

.filter-selection select {
  height: unset;

the #help-popup looks a bit harder - i'm not understanding the hierarchy of the css, but if i get rid of these...

#help-popup {
  --pad-x: unset;
  --pad-y: unset;
  --pad-y2: unset;

...and set top to 0, i can see the whole window, but obviously that's not a proper fix - for whatever reason i can't get the content of the dialog window to scroll even though each #help-popup .contents has overflow-y: auto;

[atomGit]

AH HA! try this...

#help-popup {
  top: 0;
  height: 100%;
  overflow: auto;
}