dotfiles/.config/BetterDiscord/themes/showURLs.theme.css

39 lines
834 B
CSS

/* //META{ "name": "Show-URLs", "description": "Shows a link's URL in bottom left corner much like a browser does.", "author": "square", "version": "1.0.3"} *//**/
.chat-3bRxxu .messagesWrapper-3lZDfY {
z-index: unset;
}
.messages-3amgkR a:after,
.topic-2QX7LI a:after
{
content: attr(href);
position: fixed;
bottom: 0;
left: 0;
background: white;
color: black;
font-size: 13.5px;
line-height: 16.5px;
font-weight: 500;
padding: 1px 3px 2px 3px;
max-width: calc(100% - 240px);
transition: opacity .44s linear;
pointer-events: none;
opacity: 0;
z-index: 42;
}
.messages-3amgkR a:hover:after,
.topic-2QX7LI a:hover:after
{
opacity: 1;
animation: fade .44s 10s forwards;
}
@keyframes fade {
to{ opacity: 0; }
}
/* not being restrictive on which <a/> tags are to be handled breaks scrollbars */