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" >
@@ -161,3 +161,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 9ba09e3e..f4624436 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; } @@ -143,6 +143,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); @@ -153,11 +160,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 { @@ -166,21 +180,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_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 @@