git ssb

16+

Dominic / patchbay



Tree: 99c86638a3a20ff67360d97a50140dc59796f610

Files: 99c86638a3a20ff67360d97a50140dc59796f610 / app / html / filter.mcss

1762 bytesRaw
1Filter {
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-color: #fff
35
36 padding: .5rem
37 border: 1px gainsboro solid
38 margin: 0 .5rem .5rem .5rem
39
40 -hidden {
41 height: 0
42 display: none
43 }
44
45 header {
46 margin-bottom: .4rem
47
48 font-weight: 600
49 i {
50 margin-left: .4rem
51 }
52 }
53
54 section {
55 display: flex
56 flex-wrap: wrap
57 justify-content: space-between
58 align-items: center
59
60 div.users {
61 flex-basis: 100%
62 margin-bottom: .5rem
63
64 display: flex
65 align-items: center
66
67 div.FilterToggle {
68 flex-grow: 1
69 }
70 div.user-filter {
71 label {
72 margin-right: .4rem
73 }
74 input {
75 border: 1px gainsboro solid
76 font-size: 1rem
77 }
78 }
79 }
80
81 div.channels {
82 display: flex
83
84 label {
85 margin-right: .4rem
86 }
87 input {
88 border: 1px gainsboro solid
89 font-size: 1rem
90 }
91 }
92
93 div.message-types {
94 flex-basis: 100%
95
96 margin: .6rem 0
97 display: flex
98
99 header {
100 margin-right: 1rem
101 }
102 }
103
104 div.root-messages {
105 }
106 }
107
108 }
109}
110
111FilterToggle {
112 cursor: pointer
113 margin-right: .8rem
114
115 display: flex
116 align-items: center
117
118 label {
119 margin-right: .4rem
120 }
121
122 i {
123 }
124}
125

Built with git-ssb-web