diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js
index b8fb5383a2..77477fe953 100644
--- a/app/javascript/flavours/glitch/components/status.js
+++ b/app/javascript/flavours/glitch/components/status.js
@@ -403,7 +403,7 @@ export default class Status extends ImmutablePureComponent {
notificationId={this.props.notificationId}
/>
) : null}
- {!muted ? (
+ {!muted || isExpanded !== false ? (
- {isExpanded !== false && !muted ? (
+ {isExpanded !== false || !muted ? (
span {
+ white-space: nowrap;
+ }
}
.notification__message {
@@ -293,19 +302,23 @@
.status__info {
display: flex;
- padding: 2px 0 5px;
font-size: 15px;
- line-height: 24px;
> span {
+ text-overflow: ellipsis;
overflow: hidden;
}
+
+ .notification__message > span {
+ word-wrap: break-word;
+ }
}
.status__info__icons {
margin-left: auto;
display: flex;
- align-items: baseline;
+ align-items: center;
+ height: 1em;
color: lighten($ui-base-color, 26%);
.status__visibility-icon {
@@ -542,12 +555,6 @@
text-decoration: none;
}
}
-
- .status__content {
- margin-top: -15px;
- margin-bottom: 0;
- padding-top: 0;
- }
}
.status__relative-time,