diff options
Diffstat (limited to 'src/components/status')
| -rw-r--r-- | src/components/status/status.scss | 24 | ||||
| -rw-r--r-- | src/components/status/status.vue | 1 |
2 files changed, 20 insertions, 5 deletions
diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 898e914f..8d292d3f 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -6,7 +6,7 @@ $status-margin: 0.75em; .Status { min-width: 0; - &:hover .avatar { + &:hover { --still-image-img: visible; --still-image-canvas: hidden; } @@ -133,6 +133,13 @@ $status-margin: 0.75em; margin-right: 0.5em; max-width: 100%; + .reply-to-link { + white-space: nowrap; + word-break: break-word; + text-overflow: ellipsis; + overflow-x: hidden; + } + .icon-reply { // mirror the icon transform: scaleX(-1); @@ -143,11 +150,18 @@ $status-margin: 0.75em; & .reply-to-no-popover { min-width: 0; margin-right: 0.4em; + flex-shrink: 0; } .reply-to-popover { - &:hover { + .reply-to:hover::before { + content: ''; + display: block; + position: absolute; + bottom: 0; + width: 100%; border-bottom: 1px solid var(--faint); + pointer-events: none; } .faint-link:hover { @@ -156,21 +170,21 @@ $status-margin: 0.75em; } &.-strikethrough { - position: relative; - - &::after { + .reply-to::after { content: ''; display: block; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid var(--faint); + pointer-events: none; } } } .reply-to { display: flex; + position: relative; } .reply-to-text { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 27af4340..282ad37d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -234,6 +234,7 @@ <span class="reply-to-text">{{ $t('status.reply_to') }}</span> </span> <router-link + class="reply-to-link" :title="replyToName" :to="replyProfileLink" > |