diff --git a/README.md b/README.md index bfd90c0d..d9df0546 100644 --- a/README.md +++ b/README.md @@ -43,7 +43,7 @@ Everything is designed and engineered following my taste and vision. This is a p - **Status actions (reply, boost, favourite, bookmark, etc) are hidden by default**.
They only appear in individual status page. This is to reduce clutter and distraction. It may result in lower engagement, but we're not chasing numbers here. - **Boost is represented with the rocket icon**.
The green double arrow icon (retweet for Twitter) doesn't look right for the term "boost". Green rocket looks weird, so I use purple. -- **Short usernames (`@username`) are displayed in timelines, instead of the full account username (`@username@instance`)**.
Despite the [guideline](https://docs.joinmastodon.org/api/guidelines/#username) mentioned that "Decentralization must be transparent to the user", I don't think we should shove it to the face every single time. There are also some [screen-reader-related accessibility concerns](https://twitter.com/lifeofablindgrl/status/1595864647554502656) with the full username, though this web app is unfortunately not accessible yet. +- ~~**Short usernames (`@username`) are displayed in timelines, instead of the full account username (`@username@instance`)**.
Despite the [guideline](https://docs.joinmastodon.org/api/guidelines/#username) mentioned that "Decentralization must be transparent to the user", I don't think we should shove it to the face every single time. There are also some [screen-reader-related accessibility concerns](https://twitter.com/lifeofablindgrl/status/1595864647554502656) with the full username, though this web app is unfortunately not accessible yet.~~ DTTHDon fork displays the full username by default. - **No autoplay for video/GIF/whatever in timeline**.
The timeline is already a huge mess with lots of people, brands, news and media trying to grab your attention. Let's not make it worse. (Current exception now would be animated emojis.) - **Hash-based URLs**.
This web app is not meant to be a full-fledged replacement to Mastodon's existing front-end. There's no SEO, database, serverless or any long-running servers. I could be wrong one day. diff --git a/src/components/name-text.css b/src/components/name-text.css index e8f88643..b6b33da8 100644 --- a/src/components/name-text.css +++ b/src/components/name-text.css @@ -15,6 +15,9 @@ a.name-text.short:is(:hover, :focus) i { font-style: normal; opacity: 0.75; } +.name-text i.instance { + opacity: 0.35; +} .name-text .avatar { vertical-align: middle; diff --git a/src/components/name-text.jsx b/src/components/name-text.jsx index f807d631..b2ea09b5 100644 --- a/src/components/name-text.jsx +++ b/src/components/name-text.jsx @@ -72,12 +72,13 @@ function NameText({ - {!showAcct && username && ( + {!showAcct && username ? ( <> {' '} @{username} - )} + ) : ' '} + {acct2} ) : short ? ( {username}