From a169abcec25a85e0104cd00ef0db10939ef5d6fc Mon Sep 17 00:00:00 2001
From: shpuld <shp@cock.li>
Date: Mon, 13 Nov 2017 19:23:43 +0200
Subject: Give tall notifications either a scrollbar (mentions), or just cap
 them and use a cool hider (fav/rt).

---
 src/components/notifications/notifications.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/components/notifications/notifications.vue')

diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index dfc7b0c9..1e5f6975 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -20,7 +20,8 @@
                 <i class="fa icon-star"></i>
                 <small><router-link :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small>
               </h1>
-            <div v-html="notification.status.statusnet_html"></div>
+              <div class="notification-gradient" :style="hiderStyle"></div>
+              <div class="notification-content" v-html="notification.status.statusnet_html"></div>
             </div>
             <div v-if="notification.type === 'repeat'">
               <h1>
@@ -28,7 +29,8 @@
                 <i class="fa icon-retweet lit"></i>
                 <small><router-link :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small>
               </h1>
-            <div v-html="notification.status.statusnet_html"></div>
+              <div class="notification-gradient" :style="hiderStyle"></div>
+              <div class="notification-content" v-html="notification.status.statusnet_html"></div>
             </div>
             <div v-if="notification.type === 'mention'">
               <h1>
-- 
cgit v1.2.3-70-g09d2

