Skip to content

TweetDeck: ALT tags by passcod

Screenshot of TweetDeck: ALT tags
Write a review Install Get Stylus

Details

Authorpasscod

LicenseCC-BY-4.0

Categorytweetdeck

Created

Updated

Code size758 B

Code checksumb78d71f3

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds alt text indicators on TweetDeck images.

Notes

Does what it says on the tin. Tries to imitate the official app's style, but doesn't try too hard (in places it's too complicated, and it settles for some indication rather than a good look).

Source code

/* ==UserStyle==
@name         TweetDeck: ALT tags
@version      20210905.00.56
@namespace    userstyles.world/user/passcod
@description  Adds alt text indicators on TweetDeck images.
@author       passcod
@license      CC-BY-4.0
==/UserStyle== */

@-moz-document domain("tweetdeck.twitter.com") {
a.media-image[title]::after,
a.media-item[title]::after {
    content: 'ALT';
    position: absolute;
    bottom: 0.2em;
    background: rgba(0, 0, 0, 0.6);
    padding: 0.2em 0.3em;
    font-size: 0.7em;
    font-weight: 800;
    color: white;
    font-variant: all-small-caps;
    letter-spacing: 0.05em;
    line-height: 1;
    left: 0.2em;
    border-radius: 0.2em;
}

a.media-image[title=""]::after,
a.media-item[title=""]::after {
    content: none;
}

}

Reviews

No reviews yet.