diff options
| author | Plastikmensch <Plastikmensch@users.noreply.github.com> | 2022-12-23 18:59:20 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-23 18:59:20 +0100 |
| commit | 08837f730d406fae7848f00146d05b7bcdb03254 (patch) | |
| tree | 540af2147a567d0ca4a60c17894af3e433ca3b6e | |
| parent | 4b51d1386b61030334684bd33d8a8c7231c3bf2f (diff) | |
Use wrapper div as a spacer (#2046)
Keeps the alignment of timestamps, while also reducing clickable size Signed-off-by: Plastikmensch <plastikmensch@users.noreply.github.com> Signed-off-by: Plastikmensch <plastikmensch@users.noreply.github.com>
| -rw-r--r-- | app/javascript/flavours/glitch/components/status_action_bar.js | 9 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/status.scss | 6 |
2 files changed, 5 insertions, 10 deletions
diff --git a/app/javascript/flavours/glitch/components/status_action_bar.js b/app/javascript/flavours/glitch/components/status_action_bar.js index 3a18dff21..5d3a6eb46 100644 --- a/app/javascript/flavours/glitch/components/status_action_bar.js +++ b/app/javascript/flavours/glitch/components/status_action_bar.js @@ -328,11 +328,10 @@ class StatusActionBar extends ImmutablePureComponent { /> </div> - <div className='status__action-bar-timestamp'> - <a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'> - <RelativeTimestamp timestamp={status.get('created_at')} />{status.get('edited_at') && <abbr title={intl.formatMessage(messages.edited, { date: intl.formatDate(status.get('edited_at'), { hour12: false, year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' }) })}> *</abbr>} - </a> - </div> + <div className='status__action-bar-spacer' /> + <a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'> + <RelativeTimestamp timestamp={status.get('created_at')} />{status.get('edited_at') && <abbr title={intl.formatMessage(messages.edited, { date: intl.formatDate(status.get('edited_at'), { hour12: false, year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' }) })}> *</abbr>} + </a> </div> ); } diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 0d3e7f665..bb5bbc0ac 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -444,7 +444,6 @@ .status__relative-time { display: inline-block; - flex-grow: 1; color: $dark-text-color; font-size: 14px; text-align: right; @@ -590,11 +589,8 @@ width: 23.15px; } -.status__action-bar-timestamp { +.status__action-bar-spacer { flex-grow: 1; - text-align: end; - display: flex; - overflow: hidden; } .detailed-status__action-bar-dropdown { |