Gretchen Leigh

@gretchenleigh

middle-aged multimedia queer

she/her
gretchenleigh.zone/

Gretchen
The PlayStation Experiment | Game Mag Print Ads | Rando Chrontendo
software engineer @ Internet Archive
anarcho-left
trans lesbian 🏳️‍🌈🏳️‍⚧️

Gretchen Leigh @gretchenleigh12/31/2023, 1:03 AM

How the hell can you be so pisspoor at UI design that you ship a form with a dropdown where you can never read the selection text in full

You must log in to comment.

in reply to @gretchenleigh's post:

sage @wavebeem12/31/2023, 1:12 AM

im always fighting against ellipses when i work with designers lmao. text wrapping is ok!

Gretchen Leigh @gretchenleigh12/31/2023, 1:20 AM

I dug around a bit with Dev Tools and they have the width HARDCODED IN PIXELS lol

sage @wavebeem12/31/2023, 1:28 AM

it looks like MUI though? i think it calculates widths in JS and sets them at runtime for complicated reasons? not that it makes it ok, mind, just wondering if the site dev actually did this

Gretchen Leigh @gretchenleigh12/31/2023, 1:39 AM

I dug around some more. It IS Material (finally dawned on me what the mat- prefixes are lol), but I also found the width hardcoded in CSS...

@media screen and (min-width: 381px) {
    body.oakland trinet-form-field {
        width:100%;
        max-width: 290px;
    }
}

sage @wavebeem12/31/2023, 1:47 AM

oh ffs lmao... WHY

sage @wavebeem12/31/2023, 1:48 AM

also, fascinating. they're using custom elements!! trinet-form-field ! wow strange color scheme too lol