Leatherface/mastodon
0
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2026-03-29 03:00:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Fix styling regressions: familiar followers layout & alert action hover color

Browse Source 
Port e26c6fa256 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2026-03-27 11:12:41 +01:00
committed by Claire
parent 30bb39fe54
commit 9f3e72f1cc
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/flavours/glitch/components/edited_timestamp/index.tsx
View File

@@ -121,6 +121,7 @@ export const EditedTimestamp: React.FC<{
/> />
), ),
}} }}
tagName='span'
/> />
</button> </button>
</Dropdown> </Dropdown>

4
app/javascript/flavours/glitch/features/account_timeline/components/familiar_followers.tsx
View File

@@ -69,7 +69,9 @@ export const FamiliarFollowers: React.FC<{ accountId: string }> = ({
<Avatar withLink key={account.id} account={account} size={28} /> <Avatar withLink key={account.id} account={account} size={28} />
))} ))}
</AvatarGroup> </AvatarGroup>
<FamiliarFollowersReadout familiarFollowers={familiarFollowers} /> <span>
<FamiliarFollowersReadout familiarFollowers={familiarFollowers} />
</span>
</div> </div>
); );
}; };

8
app/javascript/flavours/glitch/styles/mastodon/components.scss
View File

@@ -10742,9 +10742,13 @@ noscript {
padding: 0 4px; padding: 0 4px;
&:hover, &:hover,
&:focus,
&:active { &:active {
background: var(--color-bg-brand-softest); background: rgb(from var(--color-text-inverted) r g b / 10%);
}
&:focus-visible {
outline: 2px solid var(--color-text-brand-on-inverted);
outline-offset: 2px;
} }
} }