dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

Make the Alt Styles list less tall on large screens

Browse source 
On the small-screen layout, the popover goes down and covers the item
list, which isn't a big deal in context; so I want it to be basically
as tall as it can be without being unwieldy, to give more info.

But on the large-screen layout, it doesn't take long at all for the
popover to start intersecting the pet preview, because it *has* to go
up and cover the pet preview. So, I'm much more reserved about how much
vertical space I'm willing to give it!

(I also considered sending the popover off to the *right* of the button,
to cover the item list, but it felt *way* too weird imo! Especially in
the expressions case.)
This commit is contained in:
Emi Matchu 2024-02-01 07:34:39 -08:00
parent c93895b2f7
commit a4ca9ae522
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/wardrobe-2020/WardrobePage/PosePicker.js
View file

@ -679,7 +679,7 @@ function StyleSelect({
as="form" as="form"
direction="column" direction="column"
gap="2" gap="2"
maxHeight="40vh" maxHeight={{ base: "30vh", md: "10rem" }}
padding="4px" padding="4px"
overflow="auto" overflow="auto"
> >