Merge branch 'fix/scrollbar-for-taller-posts' into 'develop'

Better handling of taller posts

Closes #40

See merge request pleroma/pleroma-fe!158

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 84dd36fa..db7b0843 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -44,6 +44,8 @@
       min-width: 0px;
       word-wrap: break-word;
       line-height:18px;
+      position: relative;
+      overflow: hidden;
 
       .icon-retweet.lit {
         color: $green;
@@ -57,6 +59,11 @@
         color: $blue;
       }
 
+      .status-content {
+        margin: 0;
+        max-height: 300px;
+      }
+
       h1 {
         word-break: break-all;
         margin: 0 0 0.3em;
@@ -89,6 +96,19 @@
     }
   }
 
+  .notification-content {
+    max-height: 12em;
+    overflow-y: hidden;
+    //text-overflow: ellipsis;
+  }
+
+  .notification-gradient {
+    position: absolute;
+    width: 100%;
+    height: 4em;
+    margin-top:8em;
+  }
+
   .unseen {
     border-left: 4px solid rgba(255, 16, 8, 0.75);
     padding-left: 6px;