From c57f423083997b7e91cddfaf908c82d49b81e7df Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Wed, 19 Apr 2023 08:54:15 +0900
Subject: [PATCH] UX: remove new message element from chatpane (#21143)

* UX: remove new message element

* Update chat-scroll-to-bottom-arrow.hbs

* Linting

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
---
 .../components/chat-scroll-to-bottom-arrow.hbs       |  8 +-------
 .../chat/assets/stylesheets/common/base-common.scss  | 12 ------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/plugins/chat/assets/javascripts/discourse/components/chat-scroll-to-bottom-arrow.hbs b/plugins/chat/assets/javascripts/discourse/components/chat-scroll-to-bottom-arrow.hbs
index 564019772a0..5b660d2fd55 100644
--- a/plugins/chat/assets/javascripts/discourse/components/chat-scroll-to-bottom-arrow.hbs
+++ b/plugins/chat/assets/javascripts/discourse/components/chat-scroll-to-bottom-arrow.hbs
@@ -3,18 +3,12 @@
     class={{concat-class
       "btn-flat"
       "chat-scroll-to-bottom"
-      (if (or @show @hasNewMessages) "visible")
+      (if @show "visible")
     }}
     @action={{@scrollToBottom}}
   >
     <span class="chat-scroll-to-bottom__arrow">
       {{d-icon "arrow-down"}}
-
-      {{#if @hasNewMessages}}
-        <span class="chat-scroll-to-bottom__text">
-          {{i18n "chat.scroll_to_new_messages"}}
-        </span>
-      {{/if}}
     </span>
   </DButton>
 </div>
\ No newline at end of file
diff --git a/plugins/chat/assets/stylesheets/common/base-common.scss b/plugins/chat/assets/stylesheets/common/base-common.scss
index f1229794a06..9ee54d7156a 100644
--- a/plugins/chat/assets/stylesheets/common/base-common.scss
+++ b/plugins/chat/assets/stylesheets/common/base-common.scss
@@ -343,18 +343,6 @@ $float-height: 530px;
       opacity: 0.8;
     }
 
-    &__text {
-      color: var(--secondary);
-      padding: 0.5rem;
-      margin-bottom: 0.5rem;
-      background: var(--primary-medium);
-      border-radius: 3px;
-      text-align: center;
-      font-size: var(--font-down-1);
-      bottom: 40px;
-      position: absolute;
-    }
-
     &__arrow {
       display: flex;
       background: var(--primary-medium);