about summary refs log tree commit diff
path: root/app/javascript/flavours
diff options
context:
space:
mode:
authorDavid Yip <yipdw@member.fsf.org>2018-03-23 11:57:12 -0500
committerGitHub <noreply@github.com>2018-03-23 11:57:12 -0500
commit1772034ef251aa13f20a7eadc0ca1e527a54d07c (patch)
treeb490e9c753bfafa3c0243edf152f9bc248782565 /app/javascript/flavours
parent03b2f701e755b2dcc013619d8e234fdec315c418 (diff)
parent58eeb92755c1dd81fb7481484084890cb4698f4d (diff)
Merge pull request #398 from ashkitten/compressed-notifs
make expanded notifications show like default
Diffstat (limited to 'app/javascript/flavours')
-rw-r--r--app/javascript/flavours/glitch/components/status.js4
-rw-r--r--app/javascript/flavours/glitch/styles/components/status.scss27
2 files changed, 19 insertions, 12 deletions
diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js
index b8fb5383a..77477fe95 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 ? (
                 <StatusHeader
                   status={status}
                   friend={account}
@@ -429,7 +429,7 @@ export default class Status extends ImmutablePureComponent {
             parseClick={parseClick}
             disabled={!router}
           />
-          {isExpanded !== false && !muted ? (
+          {isExpanded !== false || !muted ? (
             <StatusActionBar
               {...other}
               status={status}
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 15727155b..1d1cf0f9e 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -154,7 +154,6 @@
   padding: 8px 10px;
   position: relative;
   height: auto;
-  min-height: 48px;
   border-bottom: 1px solid lighten($ui-base-color, 8%);
   cursor: default;
 
@@ -245,11 +244,21 @@
       height: 20px;
       overflow: hidden;
       text-overflow: ellipsis;
+      margin: 0;
+      padding-top: 0;
 
       a:hover {
         text-decoration: none;
       }
     }
+
+    .notification__message {
+      margin-bottom: 0;
+    }
+
+    .status__info .notification__message > 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,