Skip to content

Commit 262a8a3

Browse files
committed
Add snippet - Upper right status indicators
1 parent f56a56b commit 262a8a3

File tree

2 files changed

+25
-0
lines changed

2 files changed

+25
-0
lines changed

README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,10 @@ Script used for generating the css: [https://gist.github.com/Davr1/42e64ec0b2ae4
7373

7474
---
7575

76+
### [Upper right status indicators](/snippets/upper_right_status_indicators.css?raw=true)
77+
78+
![](https://cdn.discordapp.com/attachments/692065688524816475/937720655770710016/unknown.png)
79+
7680
### [Fix broken voice chat rich presence mask](/snippets/rpc_mask.css?raw=true)
7781

7882
![](https://cdn.discordapp.com/attachments/755005803303403570/865924295519502346/b.png)
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
mask[id^="svg-mask-avatar-status-round"] circle:last-of-type {
2+
cy: 15.625%;
3+
}
4+
mask[id^="svg-mask-avatar-status-mobile"] rect {
5+
y: 0%;
6+
}
7+
mask[id^="svg-mask-avatar-status-typing"] rect {
8+
y: -9.375%
9+
}
10+
.mask-1FEkla rect {
11+
y: 5.6%;
12+
}
13+
.mask-1FEkla rect[mask*="status-online-mobile)"] {
14+
y: 7.3%;
15+
}
16+
:is(.avatar-6qzftW, .avatar-2MSPKk, .avatar-1EWyVD) .mask-1FEkla rect:not([mask*="status-online-mobile)"]) {
17+
y: 0% !important;
18+
}
19+
.mask-1FEkla .dots-1BwzZQ {
20+
transform: translateY(-69%)
21+
}

0 commit comments

Comments
 (0)