diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/status/status.scss | 17 | ||||
| -rw-r--r-- | src/components/status/status.vue | 2 |
2 files changed, 14 insertions, 5 deletions
diff --git a/src/components/status/status.scss b/src/components/status/status.scss index fec9f9e9..898e914f 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -154,6 +154,19 @@ $status-margin: 0.75em; // override default text-decoration: none; } + + &.-strikethrough { + position: relative; + + &::after { + content: ''; + display: block; + position: absolute; + top: 50%; + width: 100%; + border-bottom: 1px solid var(--faint); + } + } } .reply-to { @@ -165,10 +178,6 @@ $status-margin: 0.75em; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.2em; - - &.-strikethrough { - text-decoration: line-through; - } } .replies-separator { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 45251f17..27af4340 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -211,6 +211,7 @@ :status-id="status.parent_visible && status.in_reply_to_status_id" class="reply-to-popover" style="min-width: 0" + :class="{ '-strikethrough': !status.parent_visible }" > <a class="reply-to" @@ -221,7 +222,6 @@ <i class="button-icon reply-button icon-reply" /> <span class="faint-link reply-to-text" - :class="{ '-strikethrough': !status.parent_visible }" > {{ $t('status.reply_to') }} </span> |