make hopefully final tweaks

This commit is contained in:
Alec Armbruster 2023-06-27 20:01:33 -04:00
parent 7fbfa2f0ef
commit 3ddff78d88
No known key found for this signature in database
GPG key ID: 52BC7C84E960FD1B
2 changed files with 6 additions and 2 deletions

View file

@ -227,6 +227,10 @@ hr {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.overflow-hidden {
overflow: hidden;
}
.text-xs-center { .text-xs-center {
text-align: center; text-align: center;
} }

View file

@ -333,7 +333,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
return ( return (
<button <button
type="button" type="button"
className="d-inline-block position-relative mb-2 p-0 border-0" className="thumbnail rounded overflow-hidden d-inline-block position-relative mb-2 p-0 border-0"
data-tippy-content={I18NextService.i18n.t("expand_here")} data-tippy-content={I18NextService.i18n.t("expand_here")}
onClick={linkEvent(this, this.handleImageExpandClick)} onClick={linkEvent(this, this.handleImageExpandClick)}
aria-label={I18NextService.i18n.t("expand_here")} aria-label={I18NextService.i18n.t("expand_here")}
@ -348,7 +348,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
} else if (!this.props.hideImage && url && thumbnail && this.imageSrc) { } else if (!this.props.hideImage && url && thumbnail && this.imageSrc) {
return ( return (
<a <a
className="text-body d-inline-block position-relative mb-2" className="thumbnail rounded bg-light d-flex justify-content-center"
href={url} href={url}
rel={relTags} rel={relTags}
title={url} title={url}