Revert "straighten out radio button"

This reverts commit 993c9a8bc7.
This commit is contained in:
Ben Dansby 2021-09-09 07:01:12 -07:00
parent f4ab809033
commit 39d94aacda

View File

@ -143,7 +143,6 @@ internalView config =
, classList [ ( "Nri-RadioButton-PremiumClass", config.showPennant ) ] , classList [ ( "Nri-RadioButton-PremiumClass", config.showPennant ) ]
, css , css
[ position relative [ position relative
, display inlineBlock
, pseudoClass "focus-within" , pseudoClass "focus-within"
[ Css.Global.descendants [ Css.Global.descendants
[ Css.Global.class "Nri-RadioButton-RadioButtonIcon" [ Css.Global.class "Nri-RadioButton-RadioButtonIcon"
@ -178,7 +177,7 @@ internalView config =
, ( "Nri-RadioButton-RadioButtonChecked", isChecked ) , ( "Nri-RadioButton-RadioButtonChecked", isChecked )
] ]
, css , css
[ padding4 zero zero zero (px 35) [ padding4 (px 4) zero (px 4) (px 40)
, if config.isDisabled then , if config.isDisabled then
Css.batch Css.batch
[ color Colors.gray45 [ color Colors.gray45
@ -193,10 +192,8 @@ internalView config =
, position relative , position relative
, outline none , outline none
, margin zero , margin zero
, display inlineFlex , display inlineBlock
, alignItems center
, color Colors.navy , color Colors.navy
, Css.height (px 27)
] ]
] ]
[ radioInputIcon [ radioInputIcon
@ -214,7 +211,7 @@ internalView config =
] ]
else else
[] [ css [ verticalAlign middle ] ]
) )
[ Html.text config.label [ Html.text config.label
, viewIf , viewIf
@ -285,7 +282,9 @@ radioInputIcon config =
, left zero , left zero
, top zero , top zero
, Css.property "transition" ".3s all" , Css.property "transition" ".3s all"
, border3 (px 2) solid transparent
, borderRadius (px 50) , borderRadius (px 50)
, padding (px 2)
, displayFlex , displayFlex
, justifyContent center , justifyContent center
, alignItems center , alignItems center