css fixes for power form

This commit is contained in:
Mike Bloy 2025-06-11 22:29:00 -05:00
parent 3187d625f0
commit e662242000
2 changed files with 19 additions and 21 deletions

View File

@ -35,43 +35,41 @@
content: ":"; content: ":";
} }
// &.mbcheckbox { &.mbcheckbox {
// grid-column: 2 / span 1; grid-column: 2 / span 1;
// justify-self: start; justify-self: start;
// &::after { &::after {
// content: ""; content: "";
// } }
// } }
} }
&>input { &>input {
grid-column: 2 / span 1; grid-column: 2 / span 1;
justify-self: start; justify-self: start;
// &[type="checkbox"] { &[type="checkbox"] {
// grid-column: 1 / span 1; grid-column: 1 / span 1;
// justify-self: end; justify-self: end;
// } }
} }
&>fieldset { &>fieldset.mbRadiogroup {
grid-column: 1 / span 2; grid-column: 1 / span 2;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: center;
&>label { &>label.mbradio {
text-align: right; text-align: left;
margin-right: 2em;
padding-right: 0.25em;
&::after { &::after {
content: ":"; content: "";
} }
} }
&>input {
margin-right: 2em;
}
} }
} }
} }

View File

@ -42,9 +42,9 @@
<fieldset class="mbRadiogroup"> <fieldset class="mbRadiogroup">
<legend>{{#if epic}}⭐ {{/if}}{{name}}</legend> <legend>{{#if epic}}⭐ {{/if}}{{name}}</legend>
{{#each choices}} {{#each choices}}
<label class="mbradio" for="{{../../formId}}-{{../id}}-{{@key}}">{{text}}</label>
<input type="radio" name="{{../id}}" {{checked checked}} id="{{../../formId}}-{{../id}}-{{@key}}" <input type="radio" name="{{../id}}" {{checked checked}} id="{{../../formId}}-{{../id}}-{{@key}}"
value="{{@key}}"> value="{{@key}}">
<label class="mbradio" for="{{../../formId}}-{{../id}}-{{@key}}">{{text}}</label>
{{/each}} {{/each}}
{{/if}} {{/if}}
</fieldset> </fieldset>