Fix: #854 引用の表示スタイル

kmycode · Oct 1, 2024 · 11ee889 · 11ee889
1 parent 007ed79
commit 11ee889
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/app/javascript/mastodon/components/compacted_status.jsx b/app/javascript/mastodon/components/compacted_status.jsx
@@ -544,8 +544,8 @@ class CompactedStatus extends ImmutablePureComponent {
               </a>
 
               <a onClick={this.handleAccountClick} href={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} data-hover-card-account={status.getIn(['account', 'id'])} className='status__display-name' target='_blank' rel='noopener noreferrer'>
-                <div className='status__avatar'>
-                  <Avatar account={status.get('account')} size={24} inline />
+                <div className='status__avatar__compact'>
+                  <Avatar account={status.get('account')} size={32} inline />
                 </div>
 
                 <DisplayName account={status.get('account')} />

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
@@ -2336,8 +2336,8 @@ a.account__display-name {
   height: 46px;
 
   &.status__avatar__compact {
-    width: 24px;
-    height: 24px;
+    width: 32px;
+    height: 32px;
   }
 }
 
@@ -11626,4 +11626,8 @@ noscript {
   &--compacted-status::after {
     display: none;
   }
+
+  &--compacted-status p {
+    margin-bottom: 22px;
+  }
 }