mirrors
/
hometown
mirror of https://github.com/hometown-fork/hometown.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix alignment on gallery items lacking alt text 

The icons now are in the lower right and they correct for their relative inset values.
This commit is contained in:
Darius Kazemi 2022-12-30 01:29:07 -08:00
parent 357186376c
commit 3f944ee936
2 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/components/media_gallery.js
View File

@ -171,7 +171,7 @@ class Item extends React.PureComponent {
target='_blank' target='_blank'
rel='noopener noreferrer' rel='noopener noreferrer'
> >
{ !attachment.get('description') && <IconButton className='media-gallery__item-no-description media__no-description-icon' title={this.props.noDescriptionTitle} icon='exclamation-triangle' overlay /> } { !attachment.get('description') && <IconButton className='media-gallery__item-no-description media__no-description-icon' title={this.props.noDescriptionTitle} icon='exclamation-triangle' style={{ right: `calc(4px + ${(left === 'auto' ? '0px' : left)})`, bottom: `calc(4px + ${(top === 'auto' ? '0px' : top)})` }} overlay /> }
<img <img
src={previewUrl} src={previewUrl}
srcSet={srcSet} srcSet={srcSet}

2
app/javascript/styles/mastodon/components.scss
View File

@ -6022,8 +6022,6 @@ a.status-card.compact:hover {
.media-gallery__item-no-description { .media-gallery__item-no-description {
position: absolute; position: absolute;
bottom: 4px;
left: 4px;
} }
.media-gallery__item-thumbnail { .media-gallery__item-thumbnail {