CSSﾅﾝﾓﾜｶﾗﾝ
--- a/app/javascript/mastodon/components/avatar.tsx
+++ b/app/javascript/mastodon/components/avatar.tsx
@@ -46,7 +46,7 @@ export const Avatar: React.FC<Props> = ({
onMouseLeave={handleMouseLeave}
style={style}
>
- {src && <img src={src} alt='' />}
+ {src && <img src={src} alt=' ' />}
{counter && (
<div
className='account__avatar__counter'
すれば
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -2079,11 +2079,20 @@ body > [data-popper-placement] {
border-radius: var(--avatar-border-radius);
img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: var(--avatar-border-radius);
+ display: block;
+ }
+
+ img::before {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--avatar-border-radius);
display: inline-block; // to not show broken images
+ background-color: var(--surface-background-color);
}
&-inline {
が効くんだけどalt=' 'ってイヤだよなあ…