jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set radio buttons to align top per Rachel.

Browse source
This commit is contained in:
bmauger 2022-02-18 09:15:43 -05:00
parent ab23fe5fe7
commit 495019b471
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/nested-radio-poc/nested-radio.vue
View file

@ -79,7 +79,7 @@ export default {
.demo-animate { .demo-animate {
&:hover { &:hover {
+ .show-hide { + .show-hide {
max-height: 100px; max-height: 140px;
transition: max-height 0.35s ease-in; transition: max-height 0.35s ease-in;
} }
} }

1
src/ux-components/checkbox/checkbox.vue
View file

@ -59,6 +59,7 @@ export default {
background: white; background: white;
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: 2px; border-radius: 2px;
flex-shrink: 0;
} }
&:checked + label::before { &:checked + label::before {
background: $blue; background: $blue;

3
src/ux-components/radio/radio.vue
View file

@ -11,7 +11,7 @@
:v-model="checkValue" :v-model="checkValue"
@change="handleCheckChanged" @change="handleCheckChanged"
/> />
<label class="d-flex align-items-center radio-label" :for="buttonID"> <label class="d-flex align-items-start radio-label" :for="buttonID">
<p v-if="buttonLabel" class="m-0">{{ buttonLabel }}</p> <p v-if="buttonLabel" class="m-0">{{ buttonLabel }}</p>
<span v-if="screenReaderOnlyText" class="sr-only">{{ <span v-if="screenReaderOnlyText" class="sr-only">{{
screenReaderOnlyText screenReaderOnlyText
@ -101,6 +101,7 @@ export default {
cursor: pointer; cursor: pointer;
transition: all 250ms ease; transition: all 250ms ease;
flex-shrink: 0; flex-shrink: 0;
top: .25rem;
} }
} }
&:checked { &:checked {