Mastodon web

Doit y avoir un problème d’UX sur Mastodon, deux fois en une semaine que des gens me demandent de supprimer mes messages en pensant que mes messages privés sont visibles du reste du monde.

Hercule Panais, Mastodon

Ce pouet m’a rappelé que n’ayant pas encore trouvé l’idéal applicatif pour Mastodon, je continue pour l’instant d’utiliser la version web sur laquelle j’ai ajouté quelques règles CSS — appliquées via l’extension Stylus — de mon cru pour y voir un peu plus clair, en particulier en fonction des statuts des pouets :

.notification,
.status__wrapper {
    border-top: 1.5em solid #00bcd496;
}
.status__wrapper-private {
    background: #c9ddffb0 !important;
}
.status__wrapper-direct {
    background: #ffc9fdb0 !important;
}
.status__wrapper-private:before,
.status__wrapper-direct:before {
    color: #000;
    display: block;
    font-weight: 700;
    text-align: center;
}
.status__wrapper-private:before {
    background: #c9ddff;
    content: '—— 🔒 ——';
}
.status__wrapper-direct:before {
    background: #ffc9fd;
    content: '—— ⛔️ ——';
}
.focusable:focus {
    background: #3bff702b !important;
}

Avec :

  1. Ajout d’un séparateur coloré entre les pouets (et notifications)
  2. Ajout d’un fond bleu-ciel pour les pouets de statut privé, avec un émoji de cadenas en tête de pouet
  3. Ajout d’un fond rosé pour les pouets de statut direct (équivalent du DM de Twitter), avec un émoji de sens interdit en tête de pouet
  4. Ajout d’un fond vert clair pour le pouet qui a le focus

C’est plus lisible ainsi, en ce qui me concerne, évidemment ;-)

Autant partager si jamais ça peut rendre service !

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/15585

Haut de page