[Glitch] Change media “ALT” label to a specific class

Port e817fe4c35 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2024-01-17 16:32:56 +01:00
parent e8294925e6
commit 0207c4b055
2 changed files with 2 additions and 1 deletions

View File

@ -123,7 +123,7 @@ class Item extends PureComponent {
} }
if (attachment.get('description')?.length > 0) { if (attachment.get('description')?.length > 0) {
badges.push(<span key='alt' className='media-gallery__gifv__label'>ALT</span>); badges.push(<span key='alt' className='media-gallery__alt__label'>ALT</span>);
} }
const description = attachment.getIn(['translation', 'description']) || attachment.get('description'); const description = attachment.getIn(['translation', 'description']) || attachment.get('description');

View File

@ -51,6 +51,7 @@
gap: 2px; gap: 2px;
} }
.media-gallery__alt__label,
.media-gallery__gifv__label { .media-gallery__gifv__label {
display: flex; display: flex;
align-items: center; align-items: center;