From 8b4c34ad54f1486c652213939d5d5a6de7ab8722 Mon Sep 17 00:00:00 2001
From: Sai Karthik <kskarthik@disroot.org>
Date: Tue, 21 Jun 2022 11:15:47 +0530
Subject: [PATCH] shorts label for video items if video length <= a minute

---
 src/components/VideoItem.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index e4330e7a..46907209 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -23,7 +23,8 @@
                     v-if="video.duration > 0"
                     v-text="timeFormat(video.duration)"
                 />
-                <span class="thumbnail-overlay thumbnail-right" v-if="video.duration <= 60" v-text="`SHORTS`" />
+                <!-- shorts thumbnail -->
+                <span class="thumbnail-overlay thumbnail-left" v-if="video.duration <= 60" v-t="SHORTS" />
                 <span
                     class="thumbnail-overlay thumbnail-right"
                     v-else-if="video.duration >= 60"
@@ -120,6 +121,12 @@
 .thumbnail-right {
     @apply bottom-5px right-5px;
 }
+.thumbnail-left {
+    @apply bottom-5px left-5px;
+    background-color: #f40407;
+    font-size: 10px;
+    font-weight: bold;
+}
 </style>
 
 <script>