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

Fix status prepend design (#1874) 

* Fix status prepend design

* Adjust status prepend styling a bit
lolsob-rspec
Claire 2022-10-28 08:47:10 +02:00 committed by GitHub
parent 8be820a7c5
commit 7379f8aa14
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/components/status.js
View File

@ -749,16 +749,16 @@ class Status extends ImmutablePureComponent {
data-featured={featured ? 'true' : null} data-featured={featured ? 'true' : null}
aria-label={textForScreenReader(intl, status, rebloggedByText, !status.get('hidden'))} aria-label={textForScreenReader(intl, status, rebloggedByText, !status.get('hidden'))}
> >
<header className='status__info'> {prepend && account && (
<span>
{prepend && account ? (
<StatusPrepend <StatusPrepend
type={prepend} type={prepend}
account={account} account={account}
parseClick={parseClick} parseClick={parseClick}
notificationId={this.props.notificationId} notificationId={this.props.notificationId}
/> />
) : null} )}
<header className='status__info'>
<span>
{!muted || !isCollapsed ? ( {!muted || !isCollapsed ? (
<StatusHeader <StatusHeader
status={status} status={status}

6
app/javascript/flavours/glitch/styles/components/status.scss
View File

@ -555,12 +555,10 @@
} }
.status__prepend { .status__prepend {
margin-top: -10px; margin-top: -2px;
margin-bottom: 10px; margin-bottom: 8px;
margin-left: 58px; margin-left: 58px;
color: $dark-text-color; color: $dark-text-color;
padding: 8px 0;
padding-bottom: 2px;
font-size: 14px; font-size: 14px;
position: relative; position: relative;