Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to the Power Users community on Codidact!

Power Users is a Q&A site for questions about the usage of computer software and hardware. We are still a small site and would like to grow, so please consider joining our community. We are looking forward to your questions and answers; they are the building blocks of a repository of knowledge we are building together.

Comments on Hide server name tooltip on discord

Post

Hide server name tooltip on discord

+1
−0

If one hovers over a server name in discord, a speech bubble with the server name pops up:

Screenshot of the discord server list with the tooltip bubble visible

Is there any way to avoid this tooltip? Maybe a userscript or a user style? As this element is only visible on mouse hover, I'm having a hard time to use the element picker to get the name of the object.

The html of one of the server buttons looks like

<div class="listItem-3SmSlK">
    <div class="pill-2RsI5Q wrapper-z5ab_q" aria-hidden="true"><span class="item-2LIpTv" style="opacity: 1; height: 8px; transform: none;"></span></div>
    <div>
        <div data-dnd-name="Codidact" class="blobContainer-ikKyFs" draggable="true">
            <div class="wrapper-2PSQCG"><svg width="48" height="48" viewBox="0 0 48 48" class="svg-2ifYOU" overflow="visible">
                    <defs>
                        <path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" id="55d4a9e4-97fa-44b4-a10e-01cef64f1585-blob_mask"></path>
                    </defs>
                    <mask id="55d4a9e4-97fa-44b4-a10e-01cef64f1585" fill="black" x="0" y="0" width="48" height="48" style="--darkreader-inline-fill: #e8e6e3;" data-darkreader-inline-fill="">
                        <use href="#55d4a9e4-97fa-44b4-a10e-01cef64f1585-blob_mask" fill="white" style="--darkreader-inline-fill: #e8e6e3;" data-darkreader-inline-fill=""></use>
                    </mask>
                    <foreignObject mask="url(#55d4a9e4-97fa-44b4-a10e-01cef64f1585)" x="0" y="0" width="48" height="48">
                        <div class="wrapper-3kah-n" role="treeitem" data-list-item-id="guildsnav___634104110131445811" tabindex="-1" aria-label=" Codidact"><img class="icon-3AqZ2e" src="%E2%80%A2%20Discord%20%23strike-organization%20Meta%20discussion_files/261535167a25635c6d2e1374ce9a5992.webp" alt=" " aria-hidden="true" width="48" height="48"></div>
                    </foreignObject>
                </svg></div>
        </div>
    </div>
    <div class="wrapper-3XVBev" aria-hidden="true">
        <div data-dnd-name="Above Codidact" class="target-1eRTCg"></div>
        <div data-dnd-name="Combine with Codidact" class="centerTarget-S6BLFQ"></div>
    </div>
</div>

System information:

  • macOS 13.4
  • Firefox 115.0b1 (beta)
  • user style manager: Stylus 1.5.33
  • user script manager: Tampermonkey 4.18.1
History
Why does this post require attention from curators or moderators?
You might want to add some details to your flag.
Why should this post be closed?

1 comment thread

"only visible on mouse hover, I'm having a hard time to use the element picker" (2 comments)
"only visible on mouse hover, I'm having a hard time to use the element picker"
Canina‭ wrote over 1 year ago

You should be able to open the DOM inspector and in the middle pane (the per-tag styles list) use the :hov feature on some element to see how the hover interacts with the rest of the document tree.

samcarter‭ wrote over 1 year ago

Thanks for your comment! I tried following that. For me, this brought nothing obvious up. I added the html of one of the server buttons to the question.