#Removes message hover highlight

1 messages · Page 1 of 1 (latest)

granite grove
#

this removes the new message highlight that I found distracting ```css
/* hovered message highlight */
.mouse-mode.full-motion div[class^=message]:hover {
background-image: none;
}

slate hazel
#

remade this but way shorter

#

there is probably problems with it somewhere but it works

#
[href^="/channels"] {
    transition: ease 0.2s;
}
[href^="/channels"]:hover {
    margin-left: 5px;
}```
#

also removed the invite people button from it

#
[href^="/channels"] {
    transition: ease 0.2s;
}
[href^="/channels"]:hover {
    margin-left: 5px;
}
.iconItem__8e3b8:has(.actionIcon_d679b5) {display: none !important;}```
proud gulch
slate hazel
#

applies to members for me

proud gulch
#

interesting

slate hazel
#

maybe its vesktop only?

#

realistically i doubt that though

proud gulch
#

weird that member buttons have hrefs

slate hazel
#

“/channels/@me”

proud gulch
slate hazel
#

ohhhh

#

yeah no those arent effected

#

i could make them affected

proud gulch
#

also i dont remember why i have 18px and 10px in the snippet but i think there's a reason

#

like members and dms items already have some padding or something

slate hazel
#

ignore the bg noise im watching peter knetter

stuck notch
#

funny animation lol
(im not clicking)

slate hazel
#

not a bug tho, just how it works

proud gulch
#

it doesnt happen with channels though

#

so it is possible to make it not happen by using multiple elements

vital vapor
slate hazel
#

at this point i’d just use the original css snippet but if you really want my ver it’d have to be a bit since i’m busy

vital vapor
slate hazel
#

ah wait it’s on my github in my purple theme lemme get that

vital vapor
#

im not JUST after the "remove invite people" button

#

or do you mean the updated hover css

slate hazel
#

 [href^="/channels"], .typeVoice_f4ba92 {
        transition: ease 0.2s;
    }
    [href^="/channels"]:hover {
        margin-left: 5px;
    }
    .iconItem__8e3b8:has(.actionIcon_d679b5) {
        display: none !important;
    }
    .typeVoice_f4ba92:hover {
        margin-left: 15px;
   }
vital vapor
#

unless im stupid, that did not add hover over settings and members, my discord might just be sentient tho

#

tbh its unneeded, thank you anyway

slate hazel
#

ah i can prob fix that when i get onto my computer

vital vapor
#

would be appreciated

slate hazel
#

fixed and more organized at the same time

#
[href^="/channels"], .typeVoice_f4ba92 {
       transition: ease 0.2s;
}
[href^="/channels"]:hover {
       margin-left: 5px;
}
.iconItem__8e3b8:has(.actionIcon_d679b5) {
       display: none !important;
}
.typeVoice_f4ba92:hover {
       margin-left: 15px;
}
.side_b4b3f6 .item__48dda {
    transition: ease 0.2s;
}
.side_b4b3f6 .item__48dda:hover {
    margin-left: 5px;
}
[aria-label="Members"] .member_aa4760 {
    transition: ease 0.2s;
}
[aria-label="Members"] .member_aa4760:hover {
    margin-left: 15px;
}```
#

should effect settings and member list

#

affects them fine for me

vital vapor
#

Works perfectly

#

Appreciate the effort

wide rain
slate hazel
#

oh well, discord fixed their issue anyway afaik

silk flume
#

The hover fade doesn't work for me.

faint radish
#

updated this for discords update

/* hover anim */
.wrapper__612a5 .link_ddbb36 /* channels */,
.member_aa4760 /* members */,
.channel__0aef5 /* dms */,
.sidebar__02e8d .item__48dda /* settings */ {
    transition: margin-left 0.2s ease;
}
.wrapper__612a5:hover .link_ddbb36,
.sidebar__02e8d .item__48dda:hover {
    margin-left: 10px;
}
.member_aa4760:hover,
.channel__0aef5:hover {
    margin-left: 18px;
}

@proud gulch

proud gulch
#

thanks venniepat

faint radish
#

no problem ^w^

slate hazel
#

really.

#

did they break the fucking mentioned hover AGAIN.

faint radish
#

xD

#

good luck

slate hazel
#

wait i’m stupid

faint radish
#

im currently fixing custom home icon

slate hazel
proud gulch
#

i think i might just start writing snippets in attribute selectors from now on

signal shale
#
/* hover anim */
.wrapper__612a5 .link_ddbb36 /* channels */,
.member_aa4760 /* members */,
.interactive__3e804 /* dms */,
.sidebar__02e8d .item__48dda /* settings */ {
    transition: margin-left 0.2s ease;
}
.wrapper__612a5:hover .link_ddbb36,
.sidebar__02e8d .item__48dda:hover {
    margin-left: 10px;
}
.member_aa4760:hover,
.interactive__3e804:hover {
    margin-left: 18px;
}
.interactive__3e804 {
    width: auto !important;
}

Wasn't working for DMs so I did this clumsy fix, there is probably a much better way to do it that doesn't need the bit at the end

slate hazel
#

why are people still 'fixing' this, its been fixed by discord already

signal shale
#

what do you mean? this is adding an animation

slate hazel
#

oh my god i’m stupid

dense zealot
#

updated classes

/* Hover Anim */
.wrapper_d8bfb3 .link_d8bfb3 /* channels */,
.membersWrap_cbd271 .container_e9f61e /* members */,
.channel_c91bad /* dms */,
.side_a0 .item_a0 /* settings */ {
    transition: margin-left 0.2s ease;
}
.wrapper_d8bfb3:hover .link_d8bfb3,
.side_a0 .item_a0:hover {
    margin-left: 10px;
}
.membersWrap_cbd271 .container_e9f61e:hover,
.channel_c91bad:hover {
    margin-left: 18px;
}```
#

@proud gulch feel free to edit to this ^

dense zealot
#

is there anyway to fix the gap that this creates at the bottom of the channels list?