From 145b5db9474e32ca3430fe35eaa7498d7f26ff95 Mon Sep 17 00:00:00 2001 From: winter Date: Sun, 16 Mar 2025 00:53:52 +0000 Subject: implement poking and such --- static/form.css | 27 ++++++++++++++++++++++----- 1 file changed, 22 insertions(+), 5 deletions(-) (limited to 'static/form.css') diff --git a/static/form.css b/static/form.css index bb8655d..39f25cf 100644 --- a/static/form.css +++ b/static/form.css @@ -1,19 +1,23 @@ form:not(.nopanel) { - border: var(--border); - background: var(--clr-panel-background); - border-radius: var(--border-radius); - margin: var(--spacing-double); - padding: var(--spacing-double); display: grid; grid-auto-flow: row; gap: var(--spacing-single); max-width: max-content; + &:not(.nobackground) { + border: var(--border); + background: var(--clr-panel-background); + border-radius: var(--border-radius); + margin: var(--spacing-double); + padding: var(--spacing-double); + } + .row:has(> .column) { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: var(--spacing-single); + align-items: baseline; } label:has(+ input, + textarea, + select), @@ -156,6 +160,19 @@ form:not(.nopanel) { } } + &.pokeForm { + .column { + display: flex; + align-items: center; + } + label { + display: inline; + font-size: inherit; + color: inherit; + margin-right: var(--spacing-single); + } + } + &.settings { padding: 0; gap: 0; -- cgit v1.3