#show the url masked links take you to in

1 messages · Page 1 of 1 (latest)

echo bronze
#

Made a modification to this so it only applies in messages (not embeds, or reply text). Also changed the styling a bit for personal preference:

/* show URL of masked links*/
.messageContent_abea64 > .anchor_c8ddc0[title$=")"]::after {
    font-size: 0.7rem;
    content: " (" attr(href) ")";
    filter: grayscale(1.0) brightness(1.15);
}
#

Embeds before/after:

image.png image.png
#

i hope this is ok!

shell swan
# echo bronze Embeds before/after:

seemingly doesn't work? unless im blind

issue solved :
button[aria-label="Send a gift"] { display: none; };
it didn't enjoy the extra semicolon at the end, remove it and make it
button[aria-label="Send a gift"] { display: none; }
and it should work fine!

#

google

Google

Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.

echo bronze
#

hm, it works fine for me, I know they changed a lot of classes recently though. maybe either you or I haven't had that change yet- if that's the case and it breaks for me, i'll fix it

idle jasper
#

also, personal preference change, but swapping the grayscale filter for

color: var(--text-muted);

makes it match exactly Discord's current gray colors and is theme-aware

shell swan
shell swan
#

so no clue whats going on there

#

idk if anything could be in my css

idle jasper
#

I'm not sure. Maybe one of your other themes is interfering?

shell swan
#

let me test

idle jasper
#

also, here's a modified version that will show the link preview only on hover:

.messageContent_abea64:hover > .anchor_c8ddc0[title$=")"]::after {
    font-size: 0.7rem;
    line-height: 4px; /* needed to avoid layout shifting */
    content: " (" attr(href) ")";
    color: var(--text-muted);
}
.anchor_c8ddc0[title$=")"]:hover {
    text-decoration-color: #00000000 !important;
}

(I also removed the hover underline, totally preference there)

shell swan
#

ok its something in my quickcss

#

yet i dont get why since nothing else is interacting with those two classes..?

#

figured it out nvm

#

button[aria-label="Send a gift"] { display: none; };

idle jasper
#

are you sure? I have the exact same in my QuickCSS and have no problems with it

shell swan
#

im removing it and readding it and watching the text next to the link disappear

idle jasper
#

maybe it is the extra semicolon after it?

shell swan
#

thats it

idle jasper
#

I don't know how strict QuickCSS' handling is

#

oh yeah lol

shell swan
#

that strict apparently

#

Very much appreciated

idle jasper
empty quest
#

new vision

.anchor_af404b[title$=")"]::after {
  font-size: 0.7rem;
  content: " (" attr(href) ")";
  filter: grayscale(0.4);
}
empty quest
#

Only displays the url when the mouse is over the link.

.anchor_af404b[title$=")"]::after {
  font-size: 0.8rem;
  content: "";
  filter: grayscale(0);
}

.anchor_af404b[title$=")"]:hover::after {
  content: " (" attr(href) ")";
}
empty quest
#

new vision

.anchor_edefb8[title$=")"]::after {
  font-size: 0.7rem;
  content: " (" attr(href) ")";
  filter: grayscale(0.4);
}

Only displays the url when the mouse is over the link.

.anchor_edefb8[title$=")"]::after {
  font-size: 0.8rem;
  content: "";
  filter: grayscale(0);
}

.anchor_edefb8[title$=")"]:hover::after {
  content: " (" attr(href) ")";
}
clear bramble
clear bramble
clear bramble
# 
/* show URL of masked links*/
.messageContent_c19a55 > .anchor_edefb8[title$=")"]::after {
  font-size: 0.7rem;
  content: " (" attr(href) ")";
  filter: grayscale(0.4);
}```
I got it to work, but I can't get it to work for bold stuff
shell swan
clear bramble
#

ignore that

#

new issue