From c46184e6b3c47cf879bbca00e9c758b462257013 Mon Sep 17 00:00:00 2001
From: Rafael <rafael.saes@odysee.com>
Date: Wed, 18 May 2022 14:51:44 -0300
Subject: [PATCH] Add bottom right desktop chat resize indicator

---
 ui/scss/component/_livestream-chat.scss | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/ui/scss/component/_livestream-chat.scss b/ui/scss/component/_livestream-chat.scss
index a0f29f6ed..710e6410a 100644
--- a/ui/scss/component/_livestream-chat.scss
+++ b/ui/scss/component/_livestream-chat.scss
@@ -25,12 +25,29 @@ $recent-msg-button__height: 2rem;
     }
   }
 
-  @media (min-width: $breakpoint-small) {
-    top: calc(var(--header-height) + var(--spacing-m)) !important;
-    position: sticky;
+  @media (min-width: 1900px) {
     resize: horizontal;
     overflow: hidden;
     max-width: 30vw;
+
+    &::after {
+      pointer-events: none;
+      content: '< >';
+      font-size: 1rem;
+      position: absolute;
+      height: 1.2rem;
+      width: 2rem;
+      text-align: center;
+      bottom: 1px;
+      right: 1px;
+      background-color: var(--color-header-button);
+      color: var(--color-text);
+    }
+  }
+
+  @media (min-width: $breakpoint-small) {
+    top: calc(var(--header-height) + var(--spacing-m)) !important;
+    position: sticky;
   }
 
   @media (min-width: $breakpoint-medium) {