forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
Improve list styles
+22
-8
+1
-1
src/App/Queue/View.elm
+1
-1
src/App/Queue/View.elm
+21
-7
src/Css/List/Styles.elm
+21
-7
src/Css/List/Styles.elm
···
1
1
module List.Styles exposing (..)
2
2
3
+
import Color
3
4
import Css exposing (..)
4
5
import Css.Elements exposing (a, label, li, span, svg)
5
-
import Traits exposing (basem, cssColor, gr)
6
-
import Variables exposing (colorDerivatives)
6
+
import Traits exposing (basem, cssColor, cssColorOpac, gr)
7
+
import Variables exposing (colors, colorDerivatives)
7
8
8
9
9
10
type Classes
···
24
25
------------------------------------------------------
25
26
class ListWithActions
26
27
[ fontSize (basem 13)
28
+
, fontWeight (int 600)
27
29
, listStyle none
28
30
, margin zero
29
31
, padding zero
···
32
34
, descendants
33
35
[ li
34
36
[ alignItems center
35
-
, borderBottom3 (px 1) dashed (cssColor colorDerivatives.subtleBorder)
37
+
, borderBottom3 (px 1) solid (cssColor <| Color.rgb 248 248 248)
36
38
, borderTop3 (px 1) solid transparent
37
39
, displayFlex
38
40
, padding2 (gr 2) zero
39
41
]
40
42
, label
41
43
[ flex (int 1)
44
+
, overflow hidden
45
+
, textOverflow ellipsis
46
+
, whiteSpace noWrap
42
47
]
43
48
, Css.Elements.small
44
-
[ color (hex "#afafaf")
49
+
[ backgroundColor (cssColorOpac 0.425 colors.base06)
50
+
, borderRadius (px 2)
51
+
, color (cssColor Color.white)
45
52
, display inlineBlock
46
-
, fontSize (pct 87.5)
47
-
, marginRight (gr 2)
53
+
, fontSize (Css.rem 0.675)
54
+
, lineHeight (int 1)
55
+
, marginRight (gr 3)
56
+
, marginTop (basem -3)
57
+
, overflow hidden
58
+
, padding3 (em 0.3) (em 0) (em 0.25)
59
+
, textAlign center
60
+
, verticalAlign middle
61
+
, width (em 1.6)
48
62
]
49
63
, svg
50
64
[ height (Css.em 1.225)
···
72
86
]
73
87
]
74
88
, class SubtleListItem
75
-
[ color (hex "#777")
89
+
[ color (cssColor colors.base04)
76
90
]
77
91
]