diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index be7377e9..63e0ceba 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -60,6 +60,7 @@ @click="openModal" >
@@ -168,3 +168,4 @@ + diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 7ee9e748..520c03ea 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -143,6 +143,7 @@ v-model="newStatus.status" :placeholder="placeholder || $t('post_status.default')" rows="1" + cols="1" :disabled="posting" class="form-post-body" :class="{ 'scrollable-form': !!maxHeight }" 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 @@ {{ $t('status.reply_to') }} diff --git a/src/components/status_popover/status_popover.vue b/src/components/status_popover/status_popover.vue index 79a52e38..162eb210 100644 --- a/src/components/status_popover/status_popover.vue +++ b/src/components/status_popover/status_popover.vue @@ -38,7 +38,8 @@