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: ":";
}
// &.mbcheckbox {
// grid-column: 2 / span 1;
// justify-self: start;
&.mbcheckbox {
grid-column: 2 / span 1;
justify-self: start;
// &::after {
// content: "";
// }
// }
&::after {
content: "";
}
}
}
&>input {
grid-column: 2 / span 1;
justify-self: start;
// &[type="checkbox"] {
// grid-column: 1 / span 1;
// justify-self: end;
// }
&[type="checkbox"] {
grid-column: 1 / span 1;
justify-self: end;
}
}
&>fieldset {
&>fieldset.mbRadiogroup {
grid-column: 1 / span 2;
display: flex;
flex-direction: row;
align-items: baseline;
align-items: center;
&>label {
text-align: right;
&>label.mbradio {
text-align: left;
margin-right: 2em;
padding-right: 0.25em;
&::after {
content: ":";
content: "";
}
}
&>input {
margin-right: 2em;
}
}
}
}

View File

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