DiscordStyles / RadialStatus

Changes the status icons to wrap around the avatar.
MIT License
111 stars 154 forks source link

Radial Status is missing from users image #41

Closed Nerxxy closed 2 years ago

Nerxxy commented 2 years ago

Describe the bug

Radial Status is missing from users image - see image

Screenshots

image

Infomation (please complete the following information)

Discord channel: Stable
OS: Windows
Mod: BetterDiscord
Discord language: English

Unless I'm mistaken there used to be one there

Gibbu commented 2 years ago

No you're not mistaken. I removed it from that Avatar so it wouldn't conflict when talking in a voice chat.

Nerxxy commented 2 years ago

No you're not mistaken. I removed it from that Avatar so it wouldn't conflict when talking in a voice chat.

Is there a way i can add it back? As i have hidden the circle that appears when in a voice chat, assuming we are talking about the same thing.

Are u talking about the ring that comes up in around the pfp in the image i sent?

KewlSage commented 2 years ago

I just realized this was incorrect before editing cause I was fixing compatibility with another theme, just remove all instances of :not(.avatar-1EWyVD) from https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css, and replace the import in your theme file with the entire result. but then you wont auto update which is tear moment

Nerxxy commented 2 years ago

this seeeeems to do it, could be more lines that should effect it but i can't tell the difference between having this and removing all :not(.avatar-1EWyVD)

#app-mount .wrapper-1VLyxH svg:not(:root) {
  overflow: visible;
}
#app-mount .wrapper-1VLyxH rect {
  x: 0;
  y: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: none;
          mask: none;
  display: block;
  rx: var(--rs-avatar-shape);
  ry: var(--rs-avatar-shape);
  fill: transparent !important;
  stroke-width: var(--rs-small-width);
}
#app-mount .wrapper-1VLyxH:not([style*="80px;"]):not([style*="120px;"]):not([style*="16px"]) > svg > foreignObject:not(:only-child) img {
  -webkit-clip-path: inset(calc(var(--rs-small-spacing) + 1px) calc(var(--rs-small-spacing) + 1px) round var(--rs-avatar-shape));
          clip-path: inset(calc(var(--rs-small-spacing) + 1px) calc(var(--rs-small-spacing) + 1px) round var(--rs-avatar-shape));
}

I'll try this in a bit, think i tried removing :not(.avatar-1EWyVD) and it didnt work, i might have just done something wrong tho.

I went to the import link and copied the code for "--rs-dnd...." and pasted it into my theme file then removed the :not(.avatar-1EWyVD)

Should i just copy the whole import link and paste that with :not(.avatar-1EWyVD) removed from the entirety of the code?

Nerxxy commented 2 years ago

I just realized this was incorrect before editing cause I was fixing compatibility with another theme, just remove all instances of :not(.avatar-1EWyVD) from https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css, and replace the import in your theme file with the entire result. but then you wont auto update which is tear moment

Ok will do, i replied before refreshing and only just saw ur edit. Thanks for the help.

Gibbu commented 2 years ago

I'm going to add it back. Last night I was not thinking. At all. I'm going to add a new variable --rs-self-speaking or something like that. But just decreasing the size of the speaking circle.

Example: image

Gibbu commented 2 years ago

Should be good now.