NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-28 18:24:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

Pull the labelstyles inline

Browse Source
This commit is contained in:
Tessa Kelly 2018-06-15 09:58:33 -07:00
parent b0820f52b4
commit 43b5ab74a3
1 changed files with 75 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
src/Nri/Ui/Checkbox/V3.elm
View File

@ -230,8 +230,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "SquareClass", "GrayClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -239,8 +243,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "SquareClass", "OrangeClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -248,8 +256,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "SquareClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -257,8 +269,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "LockedClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -266,8 +282,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "LockOnInsideClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -275,8 +295,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "UnlockableClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -284,8 +308,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "RoundClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -293,8 +321,12 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "SquareClass", "Opacified" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
@ -302,12 +334,37 @@ buildCheckbox modifierClasses showLabels model =
{ containerStyles = css containerStyles
, containerClasses = toClassList (modifierClasses ++ [ "SquareClass", "PremiumClass" ])
, checkboxStyles = css checkboxStyles
, labelStyles = Tuple.first (labelClassAndTheme model.isChecked)
, labelClasses = Tuple.second (labelClassAndTheme model.isChecked)
, labelStyles =
css
[ cursor pointer
, outline none
]
, labelClasses = labelClass model.isChecked
, labelContent = labelContent
}
labelClass isChecked =
case isChecked of
Just True ->
Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Checked", True )
]
Just False ->
Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Unchecked", True )
]
Nothing ->
Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Indeterminate", True )
]
viewCheckbox model config =
Html.Styled.span
[ config.containerStyles
@ -362,69 +419,6 @@ viewLabel model content class theme =
[ content ]
labelClassAndTheme isChecked =
case isChecked of
Just True ->
( Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Checked", True )
]
, css
[ cursor pointer
, outline none
--TODO These styles depend on the theme
--, case maybeChecked of
-- Just True ->
-- Checked
-- Just False ->
-- Unchecked
-- Nothing ->
-- Indeterminate
]
)
Just False ->
( Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Unchecked", True )
]
, css
[ cursor pointer
, outline none
--TODO These styles depend on the theme
--, case maybeChecked of
-- Just True ->
-- Checked
-- Just False ->
-- Unchecked
-- Nothing ->
-- Indeterminate
]
)
Nothing ->
( Attributes.classList
[ ( "checkbox-Label", True )
, ( "checkbox-Indeterminate", True )
]
, css
[ cursor pointer
, outline none
--TODO These styles depend on the theme
--, case maybeChecked of
-- Just True ->
-- Checked
-- Just False ->
-- Unchecked
-- Nothing ->
-- Indeterminate
]
)
getLabelClass : Maybe Bool -> RootHtml.Attribute msg
getLabelClass maybeChecked =
styles.class