arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): Added radiobutton-group to ui-libs. (TV-854)

Browse Source 
Squashed commit of the following:

commit 04465cb065382fa481a0b257e5f9190b5dcb1c4d
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Nov 4 15:21:21 2021 +0100

    Updated components to use radiobutton-group from ui-libs

commit 5aa465c04ce01659dfb4f339970ed821c4431f5a
Merge: a2f347bd 28d128c1
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Nov 4 10:10:07 2021 +0100

    Merge branch 'develop' into feature/TV-854-radiobutton-group

commit a2f347bdb03411014819a48a935899c7bcffaca0
Merge: b326e0bb 5c12b2b7
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Nov 4 08:35:44 2021 +0100

    Merge branch 'develop' into feature/TV-854-radiobutton-group

commit b326e0bbd843c43cc18661b53e06a214cb7259c8
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Nov 4 08:01:38 2021 +0100

    WIP
This commit is contained in:
Erik Tiekstra
2021-11-04 16:07:33 +01:00
parent 28d128c1e2
commit b9a14ef3cd
20 changed files with 308 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
libs/ui/src/radiobutton-group/radiobutton-group.component.scss Normal file
View File

@@ -0,0 +1,37 @@
@import 'variables/gutters';
.ui-radiobutton-group {
display: flex;
flex-direction: column;
&--invalid {
gap: var(--digi--layout--gutter--xs);
}
&__radiobuttons {
display: flex;
gap: var(--digi--layout--gutter--s);
flex-direction: column;
&--horizontal {
flex-direction: row;
align-items: center;
gap: $digi--layout--gutter--l;
}
}
&__radiobutton {
::ng-deep .digi-form-radiobutton__circle {
top: 50% !important;
transform: translateY(-50%);
&::after {
top: 50% !important;
left: 50% !important;
}
}
::ng-deep .digi-form-radiobutton__input:focus ~ .digi-form-radiobutton__circle {
box-shadow: var(--digi--ui--box-shadow--focus) !important;
}
}
}