dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity
impress/app/assets/stylesheets/pet_states/edit.sass

16 lines
202 B
Sass
Raw Normal View History

Use radio buttons for poses in Rainbow Pool form, instead of dropdown Just a bit easier to find what you want! especially with the grid layout
2024-09-27 22:34:52 -07:00
outfit-viewer
margin: 0 auto
Migrate pet state edit form to .support-form class Most notable change here is extracting the pose option bubbles into a `data-type="radio-grid"`, and pulling that into the `.support-form` CSS. My rationale is that, unlike most fields, this field benefits from being 100%-width, and I don't want to specify that as an override if I can avoid it, because that's fragile-y. Instead, I extract this into a generic type of field that `.support-form` can use (it feels pretty reusable anyway!), and require the caller to specify how many columns they want as `--num-columns`.
2024-11-30 10:49:47 -08:00
.fields li[data-type=radio-grid]
--num-columns: 3
Add link to reference pet type when labeling pet appearances Sometimes I forget like, what the masc/fem variants of a given pet actually look like? Some are super obvious about things like eyelashes, and others use more subtle eye differences. This is a cheap lil hack to make it easier to open a reference! Ideally I think it would be neat to like, when you hover over an option, have it show you the reference variant of that pose? But this is good enough I think!
2024-12-01 10:28:58 -08:00
.reference-link
display: flex
align-items: center
gap: .5em
padding-inline: .5em
img
height: 2em
width: auto
Copy permalink