git.iko.soy/typeable/elm-ui
on master help sign in
Merge branch 'master' of https://github.com/mdgriffith/elm-ui
commit0b5ee2164605bc7a4b7cf4d375a5429c5655f2c9 authorMatthew Griffith <mdg.griffith@gmail.com> dateWed 12 Jun 2019, 19:53 (7 years ago) parent8237e659db6dd0
3 files changed+20−10
compare with master
unifiedsplit
src/Element.elm+16−6 src/Element/Background.elm+1−1 src/Element/Input.elm+3−3
src/Element.elm+16−6
@@ -105,9 +105,11 @@ If alignment is set on elements in a layout such as `row`, then the element will
105105
106106will result in a layout like
107107
108− |-|-| |-| |-|
108+ |-|-| |-| |-|
109109
110−Where there are two elements on the left, one in the center, and one on the right.
110+Where there are two elements on the left, one on the right, and one in the center of the space between the elements on the left and right.
111+
112+**Note** For text alignment, check out `Element.Font`!
111113
112114@docs centerX, centerY, alignLeft, alignRight, alignTop, alignBottom
113115
@@ -1532,13 +1534,21 @@ type Orientation
15321534classifyDevice : { window | height : Int, width : Int } -> Device
15331535classifyDevice window =
15341536 { class =
1535− if window.width <= 600 then
1537+ let
1538+ shortSide =
1539+ if window.width < window.height then
1540+ window.width
1541+
1542+ else
1543+ window.height
1544+ in
1545+ if shortSide <= 600 then
15361546 Phone
15371547
1538− else if window.width > 600 && window.width <= 1200 then
1548+ else if shortSide > 600 && shortSide <= 1200 then
15391549 Tablet
15401550
1541− else if window.width > 1200 && window.width <= 1800 then
1551+ else if shortSide > 1200 && shortSide <= 1800 then
15421552 Desktop
15431553
15441554 else
@@ -1555,7 +1565,7 @@ classifyDevice window =
15551565{-| When designing it's nice to use a modular scale to set spacial rythms.
15561566
15571567 scaled =
1558− Scale.modular 16 1.25
1568+ Element.modular 16 1.25
15591569
15601570A modular scale starts with a number, and multiplies it by a ratio a number of times.
15611571Then, when setting font sizes you can use:
src/Element/Background.elm+1−1
@@ -35,7 +35,7 @@ image src =
3535 Internal.Attr (VirtualDom.style "background" ("url(\"" ++ src ++ "\") center / cover no-repeat"))
3636
3737
38−{-| A centered background image that keeps its natural propostions, but scales to fit the space.
38+{-| A centered background image that keeps its natural proportions, but scales to fit the space.
3939-}
4040uncropped : String -> Attribute msg
4141uncropped src =
src/Element/Input.elm+3−3
@@ -741,8 +741,8 @@ textHelper textInput attrs textOptions =
741741 case textInput.type_ of
742742 TextInputNode inputType ->
743743 ( "input"
744− , [ value textOptions.text
745− , Internal.Attr (Html.Attributes.type_ inputType)
744+ , [ Internal.Attr (Html.Attributes.type_ inputType)
745+ , value textOptions.text
746746 , spellcheck textInput.spellchecked
747747 , Internal.htmlClass classes.inputText
748748 , case textInput.autofill of
@@ -759,7 +759,7 @@ textHelper textInput attrs textOptions =
759759 TextArea ->
760760 let
761761 { maybePadding, heightContent, maybeSpacing, adjustedAttributes, maybeBorder } =
762− attributes
762+ (value textOptions.text :: attributes)
763763 |> List.foldr
764764 (\attr found ->
765765 case attr of