diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 8797211e..46088cf9 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -58,7 +58,7 @@ $status-margin: 0.75em; margin-bottom: $status-margin; } - .user-name { + .status-username { white-space: nowrap; font-size: 14px; overflow: hidden; @@ -143,10 +143,13 @@ $status-margin: 0.75em; } } - .reply-to-popover { + & .reply-to-popover, + & .reply-to-no-popover { min-width: 0; margin-right: 0.4em; + } + .reply-to-popover { &:hover { border-bottom: 1px solid var(--faint); } @@ -273,7 +276,7 @@ $status-margin: 0.75em; display: flex; flex-wrap: nowrap; - & .user-name, + & .status-username, & .mute-thread, & .mute-words { word-wrap: normal; @@ -281,16 +284,17 @@ $status-margin: 0.75em; white-space: nowrap; } - & .user-name, + & .status-username, & .mute-words { text-overflow: ellipsis; overflow: hidden; } - .user-name { + .status-username { font-weight: normal; flex: 0 1 auto; margin-right: 0.2em; + font-size: smaller; } .mute-thread { @@ -313,6 +317,11 @@ $status-margin: 0.75em; } } + .reply-form { + padding-top: 0; + padding-bottom: 0; + } + .reply-body { flex: 1; } diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 2b18b2f6..8df82edc 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -17,7 +17,7 @@