treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

th: quotes: Show left bar in indicator 

Makes the quote/reply distinction clearer

Cherry-picked-from: f7d787f798
treehouse-4.3
VT Social 2024-07-10 09:47:33 +00:00 committed by mokou
parent b2f91d7a53
commit 49981b34a7
Signed by: mokou
SSH Key Fingerprint: SHA256:x1kuZDvluYZGLSwrJg+IlmA7tkPz9BPIAEKPAc5NqwE
4 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/compose/components/reply_indicator.jsx
View File

@ -22,7 +22,7 @@ export const ReplyIndicator = () => {
}
return (
<div className='reply-indicator'>
<div className={'reply-indicator' + (quoteId ? ' reply-indicator__quote' : '')}>
{inReplyToId && (<div className='reply-indicator__line' />)}
<Permalink href={account.get('url')} to={`/@${account.get('acct')}`} className='detailed-status__display-avatar'>

5
app/javascript/flavours/glitch/styles/components.scss
View File

@ -1246,6 +1246,11 @@ body > [data-popper-placement] {
}
}
.reply-indicator__quote {
padding-inline-start: 10px;
border-inline-start: 3px solid $darker-text-color;
}
.edit-indicator {
border-radius: 4px 4px 0 0;
background: lighten($ui-base-color, 4%);

2
app/javascript/mastodon/features/compose/components/reply_indicator.jsx
View File

@ -23,7 +23,7 @@ export const ReplyIndicator = () => {
}
return (
<div className='reply-indicator'>
<div className={'reply-indicator' + (quoteId ? ' reply-indicator__quote' : '')}>
{inReplyToId && (<div className='reply-indicator__line' />)}
<Link to={`/@${account.get('acct')}`} className='detailed-status__display-avatar'>

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

@ -1185,6 +1185,11 @@ body > [data-popper-placement] {
}
}
.reply-indicator__quote {
padding-inline-start: 10px;
border-inline-start: 3px solid $darker-text-color;
}
.edit-indicator {
border-radius: 4px 4px 0 0;
background: lighten($ui-base-color, 4%);