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

th: quotes: Show left bar in indicator
ci/woodpecker/push/woodpecker Pipeline was successful Details 

Makes the quote/reply distinction clearer

Cherry-picked-from: f7d787f798
main
VT Social 2024-07-10 09:47:33 +00:00 committed by kouhai
parent 2174def1ab
commit eae164392e
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

@ -23,7 +23,7 @@ export const ReplyIndicator = () => {
const content = { __html: status.get('contentHtml') };
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

@ -1206,6 +1206,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

@ -24,7 +24,7 @@ export const ReplyIndicator = () => {
const content = { __html: status.get('contentHtml') };
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

@ -1145,6 +1145,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%);