zerebos / BetterDiscordAddons

A series of plugins and themes for BetterDiscord.
Other
596 stars 407 forks source link

[Bug] RadialStatus broken after update #149

Closed ghost closed 4 years ago

ghost commented 5 years ago

After the latest update where they include the green phone status icon, the radial status code no longer overrides it. image

wefalltomorrow commented 5 years ago

Not working for me at all now.

NoireBlackHeart commented 5 years ago

Hello rauenzi The thing is, after the released update some CSS and JS files stopped working due to changes in div, style and class elements so I wanted to restore the RadialStatus, but because of the update, everything changed and I could not create a copy of RadialStatus. Most of all I do not like in this update is foreignObject. Can you tell me how to recreate it? or a bit of this code. image Like i said before i tried to create it but i could not succeed.

NoireBlackHeart commented 5 years ago

image I’ve already roughly created a preset but I don’t remember / don’t know how to create an additional element to give it a circle shape and apply a border-radius: 0

NoireBlackHeart commented 5 years ago

I roughly understand the principle of new code building, but as I said I don’t know how to create a separate element

NoireBlackHeart commented 5 years ago

And again, I ask, can you tell me how to create a separate element, etc.?

Gibbu commented 5 years ago

I have gotten Zerebos' permission to host my temporary RadialStatus until he updates his. The only downside to this version is, the avatar and status border is always going to be circle. Due to the restrictions on the avatar structure.

Download: https://betterdiscord.net/ghdl?id=2950 Source: https://github.com/Gibbu/BetterDiscord-Themes/tree/master/RadialStatus

NoireBlackHeart commented 5 years ago

Thank you, Gibbu

NoireBlackHeart commented 5 years ago

You said "The avatar and status border is always going to be circle" but there is a way to make the avatar square: (try changing this parameter in base.css)

app-mount .wrapper-3t9DeA img {

border-radius: -10%;

} image

NoireBlackHeart commented 5 years ago

But I do not really understand how to do the same with status

NoireBlackHeart commented 5 years ago

Ignore the code above(clip-path), I just experimented

NoireBlackHeart commented 5 years ago

By the way, can you tell me where I need to put the base.css? and How can I contact you? I have a couple of questions

Gibbu commented 5 years ago

You shouldn't have to put the base.css anywhere you can just overwrite the rules inside the RadialStatus.theme.css. And you can contact me on Discord: Gibbu#1211 or you could just look for my name on the BetterDiscord Servers members list

NoireBlackHeart commented 5 years ago

https://media.discordapp.net/attachments/398111271842742292/619862334109646848/unknown.png )))