-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathchannel_view_switch.css
47 lines (47 loc) · 1.63 KB
/
channel_view_switch.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/* Sidebar */
.members-3l0kz9 {
height: 100%;
}
/* Channel header */
.toolbar-3_r2xA>.iconWrapper-2awDjA.selected-29KTGM:nth-of-type(4)~:last-child {
margin-right: 56px;
}
/* Buttons */
.container-2Oqvgx>.tabs-1RhQha {
height: 0;
padding: 0;
border: none;
}
.container-2Oqvgx>.tabs-1RhQha>.tab-FftSDB {
font-size: 0;
position: absolute;
right: 6px;
top: -36px;
width: 40px;
height: 24px;
margin: 0 8px;
padding: 0;
z-index: 2;
border-radius: 12px;
background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%) !important;
}
.container-2Oqvgx>.tabs-1RhQha>.tab-FftSDB::after {
position: absolute;
top: 3px;
width: 18px;
height: 18px;
background-color: white;
border-radius: 50%;
}
.container-2Oqvgx>.tabs-1RhQha>.tab-FftSDB:first-of-type::after {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' fill='rgb(114, 118, 125)'><path d='M9-1zm0 4.752a1.25 1.25 90 110 2.5a1.25 1.25 90 010-2.5zM12 14h-6v-2h2V9H7V7h2a1 1 90 011 1v4h2v2z'/></svg>");
right: 3px;
}
.container-2Oqvgx>.tabs-1RhQha>.tab-FftSDB:last-of-type::after {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' fill='rgb(114, 118, 125)'><path d='M11.8 6.6C11.8 8.154 10.54 9.4 9 9.4C7.46 9.4 6.2 8.154 6.2 6.6C6.2 5.06 7.46 3.8 9 3.8C10.54 3.8 11.8 5.06 11.8 6.6ZM3.4 14.3C3.4 11.836 5.71 10.1 9 10.1C12.304 10.1 14.6 11.836 14.6 14.3V15H3.4V14.3Z'/></svg>");
left: 3px;
}
.container-2Oqvgx>.tabs-1RhQha>.tab-FftSDB.selected-g-kMVV {
pointer-events: none;
opacity: 0;
}