fix: sets maximum notifications lines to 5 (#1002)

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
fluidd-core · Jan 3, 2023 · 6dba642 · 6dba642
1 parent cd9d9e6
commit 6dba642
Showing 1 changed file with 21 additions and 15 deletions.
diff --git a/src/components/layout/AppNotificationMenu.vue b/src/components/layout/AppNotificationMenu.vue
@@ -50,21 +50,23 @@
           </v-list-item-content>
         </v-list-item>
 
-        <v-list-item
-          v-if="notifications.length > 0"
-          :disabled="clearableNotifications.length <= 0"
-          @click="handleClearAll"
-        >
-          <v-list-item-content>
-            <v-list-item-title>{{ $t('app.general.label.clear_all') }}</v-list-item-title>
-          </v-list-item-content>
-          <v-list-item-action class="notification-clear-all">
-            <v-icon small>
-              $close
-            </v-icon>
-          </v-list-item-action>
-        </v-list-item>
-        <v-divider v-if="notifications.length > 0" />
+        <template v-else-if="notifications.length > 0">
+          <v-list-item
+            :disabled="clearableNotifications.length <= 0"
+            @click="handleClearAll"
+          >
+            <v-list-item-content>
+              <v-list-item-title>{{ $t('app.general.label.clear_all') }}</v-list-item-title>
+            </v-list-item-content>
+            <v-list-item-action class="notification-clear-all">
+              <v-icon small>
+                $close
+              </v-icon>
+            </v-list-item-action>
+          </v-list-item>
+
+          <v-divider />
+        </template>
 
         <template
           v-for="(n, i) in notifications"
@@ -285,6 +287,10 @@ export default class AppNotificationMenu extends Vue {
     color: rgba(0, 0, 0, 0.60);
   }
 
+  :deep(.notification-description) {
+    -webkit-line-clamp: 5;
+  }
+
   :deep(.notification-success),
   :deep(.notification-info),
   :deep(.notification-warning),