git.iko.soy/typeable/elm-ui
on master help sign in
Keep track of resolved and open cases
f439526Matthew Griffith
tests/cases/resolved/Adjusted.elmnew file+70
compare with master
unifiedsplit
@@ -0,0 +1,70 @@
1+module Main exposing (main)
2+
3+{-| -}
4+
5+import Element exposing (..)
6+import Element.Background as Background
7+import Element.Font as Font
8+import Html.Attributes
9+
10+
11+myFont =
12+ Font.with
13+ { url = Just "https://fonts.googleapis.com/css?family=Catamaran"
14+ , name = "Catamaran"
15+ , adjustment =
16+ { capital = 1.15
17+ , lowercase = 0.96
18+ , baseline = 0.465
19+ , descender = 0.245
20+ }
21+ }
22+
23+
24+main =
25+ Element.layout
26+ [ Background.color (rgba 0 0.8 0.9 1)
27+ , Font.color (rgba 1 1 1 1)
28+ , Font.size 32
29+ , Font.family [ myFont ]
30+
31+ -- , Font.family
32+ -- [ Font.external
33+ -- { url = "https://fonts.googleapis.com/css?family=EB+Garamond"
34+ -- , name = "EB Garamond"
35+ -- }
36+ -- , Font.sansSerif
37+ -- ]
38+ ]
39+ <|
40+ column [ centerX, centerY, spacing 20, padding 100, htmlAttribute (Html.Attributes.style "display" "block") ]
41+ [ el
42+ []
43+ (text "Hello stylish friend!")
44+ , el
45+ [ Font.family
46+ [ Font.external
47+ { url = "https://fonts.googleapis.com/css?family=EB+Garamond"
48+ , name = "EB Garamond"
49+ }
50+ ]
51+ ]
52+ <|
53+ el
54+ [ Font.sizeByCapital
55+ , Background.color (rgba 1 1 1 1)
56+ , Font.color (rgba 0 0 0 1)
57+ ]
58+ (text "Hello stylish friend!")
59+ , el
60+ [ Font.sizeByCapital
61+ , Background.color (rgba 1 1 1 1)
62+ , Font.color (rgba 0 0 0 1)
63+ ]
64+ (text "Hello stylish friend!")
65+ , el
66+ [ Background.color (rgba 1 1 1 1)
67+ , Font.color (rgba 0 0 0 1)
68+ ]
69+ (text "Hello stylish friend!")
70+ ]
tests/cases/resolved/BehindContent.elmnew file+34
@@ -0,0 +1,34 @@
1+module Main exposing (main)
2+
3+{-| -}
4+
5+import Element exposing (..)
6+import Element.Background as Background
7+import Element.Font as Font
8+import Element.Input
9+import Element.Lazy
10+
11+
12+main =
13+ Element.layout
14+ [ Background.color (rgba 0 0 0 1)
15+ , Font.color (rgba 1 1 1 1)
16+ , Font.italic
17+ , Font.size 32
18+ , Font.family
19+ [ Font.external
20+ { url = "https://fonts.googleapis.com/css?family=EB+Garamond"
21+ , name = "EB Garamond"
22+ }
23+ , Font.sansSerif
24+ ]
25+ ]
26+ <|
27+ el
28+ [ centerX
29+ , centerY
30+ , Background.color (rgba 0 0.8 0.9 1)
31+ , behindContent
32+ (el [ height (px 20), width (px 100), Background.color (rgba 0.9 0.8 0 1) ] none)
33+ ]
34+ (text "Hello stylish friend!")
tests/cases/resolved/OtherOtherZindex.elmnew file+31
@@ -0,0 +1,31 @@
1+module Main exposing (main)
2+
3+import Element
4+import Element.Background
5+
6+
7+main =
8+ Element.layout []
9+ (Element.el
10+ [ Element.inFront
11+ (Element.el
12+ [ Element.width (Element.px 70)
13+ , Element.height (Element.px 70)
14+ , Element.Background.color (Element.rgb 0 0 0)
15+ ]
16+ Element.none
17+ )
18+ ]
19+ (Element.el
20+ [ Element.inFront
21+ (Element.el
22+ [ Element.width (Element.px 50)
23+ , Element.height (Element.px 50)
24+ , Element.Background.color (Element.rgb 1 0 0)
25+ ]
26+ Element.none
27+ )
28+ ]
29+ Element.none
30+ )
31+ )
tests/cases/resolved/OtherZIndex.elmnew file+85
@@ -0,0 +1,85 @@
1+module Main exposing (main)
2+
3+import Browser
4+import Html exposing (Html)
5+import Element as Ui exposing (..)
6+import Element.Background as Background
7+import Element.Font as Font
8+
9+
10+type alias Model =
11+ {}
12+
13+
14+initialModel : Model
15+initialModel =
16+ {}
17+
18+
19+type Msg
20+ = NoOp
21+
22+
23+update : Msg -> Model -> Model
24+update msg model =
25+ model
26+
27+
28+view : Model -> Html Msg
29+view model =
30+ let
31+ a =
32+ el
33+ [ width fill
34+ , height <| px 30
35+ , Background.color <| rgb 0 1 0
36+ ]
37+ <| text "A"
38+
39+ b =
40+ column
41+ [ width fill
42+ , height <| px 5000
43+ , Background.color <| rgb 1 0 1
44+ , spacing 60
45+ ]
46+ [ text "B"
47+ , c
48+ ]
49+
50+ c =
51+ el
52+ [ width fill
53+ , height <| px 100
54+ , Background.color <| rgb 0 0 0
55+ , Font.color <| rgb 1 1 1
56+ , paddingXY 0 30
57+ , inFront d
58+ ]
59+ <|
60+ text "C"
61+
62+ d =
63+ el
64+ [ width <| px 100
65+ , height <| px 100
66+ , centerX
67+ , Background.color <| rgb 1 1 1
68+ , Font.color <| rgb 0 0 0
69+ ]
70+ <| text "D"
71+ in
72+ layout
73+ [ inFront a
74+ , paddingXY 0 30
75+ ]
76+ b
77+
78+
79+main : Program () Model Msg
80+main =
81+ Browser.sandbox
82+ { init = initialModel
83+ , view = view
84+ , update = update
85+ }
tests/cases/resolved/ZIndex.elmnew file+56
@@ -0,0 +1,56 @@
1+module Main exposing (main)
2+
3+import Element exposing (..)
4+import Element.Background as Background
5+import Element.Input as Input
6+import Element.Keyed as Keyed
7+import Html.Attributes exposing (style)
8+
9+
10+grey =
11+ rgb 0.8 0.8 0.8
12+
13+
14+darkGrey =
15+ rgb 0.7 0.7 0.7
16+
17+
18+type Msg
19+ = NoMsg String
20+
21+
22+main =
23+ Element.layout [ width fill, height fill ] <|
24+ column
25+ [ width fill
26+ ]
27+ [ el
28+ [ width fill
29+ , Background.color grey
30+ , padding 20
31+
32+ , below <|
33+ el
34+ [ height (px 300)
35+ , width (px 300)
36+ , Background.color darkGrey
37+ , moveRight 50
38+ , padding 50
39+ ]
40+ (el [ alignBottom ] (text "I'm a dropdown menu."))
41+ ]
42+ (text "I'm a toolbar.")
43+ , Input.text []
44+ { onChange = NoMsg
45+ , text = ""
46+ , placeholder = Just (Input.placeholder [] (text "I'm a text input."))
47+ , label = Input.labelAbove [] none
48+ }
49+ , Input.multiline []
50+ { onChange = NoMsg
51+ , text = ""
52+ , placeholder = Just (Input.placeholder [] (text "I'm a multiline input."))
53+ , label = Input.labelAbove [] none
54+ , spellcheck = False
55+ }
56+ ]
tests/cases/resolved/elm.jsonnew file+25
@@ -0,0 +1,25 @@
1+{
2+ "type": "application",
3+ "source-directories": [
4+ ".",
5+ "../src/"
6+ ],
7+ "elm-version": "0.19.0",
8+ "dependencies": {
9+ "direct": {
10+ "elm/browser": "1.0.0",
11+ "elm/core": "1.0.0",
12+ "elm/html": "1.0.0",
13+ "elm/json": "1.0.0",
14+ "elm/virtual-dom": "1.0.0"
15+ },
16+ "indirect": {
17+ "elm/time": "1.0.0",
18+ "elm/url": "1.0.0"
19+ }
20+ },
21+ "test-dependencies": {
22+ "direct": {},
23+ "indirect": {}
24+ }
25+}