Files: 7b91ebea2f9f89a207555eda47a8779b3e83f734 / app / html / filter.mcss
1735 bytesRaw
1 | Filter { |
2 | color: #444 |
3 | $threadWidth |
4 | |
5 | i { |
6 | position: absolute |
7 | top: 3rem |
8 | |
9 | font-size: 1.2rem |
10 | color: #b3b3b3 |
11 | cursor: pointer |
12 | } |
13 | i.fa-filter { |
14 | right: 2rem |
15 | |
16 | -active { |
17 | color: #555 |
18 | } |
19 | } |
20 | i.fa-angle-up { |
21 | left: 1rem |
22 | } |
23 | i.custom { |
24 | right: 3.5rem |
25 | font-size: .8rem |
26 | color: #666 |
27 | |
28 | ::before { |
29 | content: 'custom' |
30 | } |
31 | } |
32 | |
33 | div.options { |
34 | background: rgba(0,0,0,.02) |
35 | |
36 | padding: .5rem |
37 | border: 1px gainsboro solid |
38 | |
39 | -hidden { |
40 | height: 0 |
41 | display: none |
42 | } |
43 | |
44 | header { |
45 | margin-bottom: .4rem |
46 | |
47 | font-weight: 600 |
48 | i { |
49 | margin-left: .4rem |
50 | } |
51 | } |
52 | |
53 | section { |
54 | display: flex |
55 | flex-wrap: wrap |
56 | justify-content: space-between |
57 | align-items: center |
58 | |
59 | div.users { |
60 | flex-basis: 100% |
61 | margin-bottom: .5rem |
62 | |
63 | display: flex |
64 | align-items: center |
65 | |
66 | div.FilterToggle { |
67 | flex-grow: 1 |
68 | } |
69 | div.user-filter { |
70 | label { |
71 | margin-right: .4rem |
72 | } |
73 | input { |
74 | border: 1px gainsboro solid |
75 | font-size: 1rem |
76 | } |
77 | } |
78 | } |
79 | |
80 | div.channels { |
81 | display: flex |
82 | |
83 | label { |
84 | margin-right: .4rem |
85 | } |
86 | input { |
87 | border: 1px gainsboro solid |
88 | font-size: 1rem |
89 | } |
90 | } |
91 | |
92 | div.message-types { |
93 | flex-basis: 100% |
94 | |
95 | margin: .6rem 0 |
96 | display: flex |
97 | |
98 | header { |
99 | margin-right: 1rem |
100 | } |
101 | } |
102 | |
103 | div.root-messages { |
104 | } |
105 | } |
106 | |
107 | } |
108 | } |
109 | |
110 | FilterToggle { |
111 | cursor: pointer |
112 | margin-right: .8rem |
113 | |
114 | display: flex |
115 | align-items: center |
116 | |
117 | label { |
118 | margin-right: .4rem |
119 | } |
120 | |
121 | i { |
122 | } |
123 | } |
124 |
Built with git-ssb-web