Browse Source

expanded notifications show like default

closed-social-glitch-2
Ash Levy 6 years ago
parent
commit
58eeb92755
2 changed files with 19 additions and 12 deletions
  1. +2
    -2
      app/javascript/flavours/glitch/components/status.js
  2. +17
    -10
      app/javascript/flavours/glitch/styles/components/status.scss

+ 2
- 2
app/javascript/flavours/glitch/components/status.js View File

@ -403,7 +403,7 @@ export default class Status extends ImmutablePureComponent {
notificationId={this.props.notificationId} notificationId={this.props.notificationId}
/> />
) : null} ) : null}
{!muted ? (
{!muted || isExpanded !== false ? (
<StatusHeader <StatusHeader
status={status} status={status}
friend={account} friend={account}
@ -429,7 +429,7 @@ export default class Status extends ImmutablePureComponent {
parseClick={parseClick} parseClick={parseClick}
disabled={!router} disabled={!router}
/> />
{isExpanded !== false && !muted ? (
{isExpanded !== false || !muted ? (
<StatusActionBar <StatusActionBar
{...other} {...other}
status={status} status={status}

+ 17
- 10
app/javascript/flavours/glitch/styles/components/status.scss View File

@ -154,7 +154,6 @@
padding: 8px 10px; padding: 8px 10px;
position: relative; position: relative;
height: auto; height: auto;
min-height: 48px;
border-bottom: 1px solid lighten($ui-base-color, 8%); border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default; cursor: default;
@ -245,11 +244,21 @@
height: 20px; height: 20px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin: 0;
padding-top: 0;
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
} }
.notification__message {
margin-bottom: 0;
}
.status__info .notification__message > span {
white-space: nowrap;
}
} }
.notification__message { .notification__message {
@ -293,19 +302,23 @@
.status__info { .status__info {
display: flex; display: flex;
padding: 2px 0 5px;
font-size: 15px; font-size: 15px;
line-height: 24px;
> span { > span {
text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.notification__message > span {
word-wrap: break-word;
}
} }
.status__info__icons { .status__info__icons {
margin-left: auto; margin-left: auto;
display: flex; display: flex;
align-items: baseline;
align-items: center;
height: 1em;
color: lighten($ui-base-color, 26%); color: lighten($ui-base-color, 26%);
.status__visibility-icon { .status__visibility-icon {
@ -542,12 +555,6 @@
text-decoration: none; text-decoration: none;
} }
} }
.status__content {
margin-top: -15px;
margin-bottom: 0;
padding-top: 0;
}
} }
.status__relative-time, .status__relative-time,

Loading…
Cancel
Save