impress/app/assets/stylesheets/pet_states/edit.sass

support-outfit-viewer
	margin-block: 1em

.fields li[data-type=radio-grid]
	--num-columns: 3

.reference-link
	display: flex
	align-items: center
	gap: .5em
	padding-inline: .5em

	img
		height: 2em
		width: auto
Add layers table to pet appearance edit page Gonna add some more functionality here too, but right now we at least have this! 2024-12-07 09:58:24 -08:00			`support-outfit-viewer`
			`margin-block: 1em`
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
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`