From c476a16ad982e778580d74b8e4120ed29118129a Mon Sep 17 00:00:00 2001
From: RblSb <msrblsb@gmail.com>
Date: Tue, 20 Jun 2023 23:33:13 +0300
Subject: Scroll to chat end button

---
 res/css/des.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'res/css')

diff --git a/res/css/des.css b/res/css/des.css
index 968ad39..89ab857 100644
--- a/res/css/des.css
+++ b/res/css/des.css
@@ -7,6 +7,7 @@
 :root {
   --background-video: #000;
   --background-chat: #111;
+  --scroll-to-end-bg: #fff;
   --midground: #888;
   --foreground: #bbb;
   --accent: #0055ff;
@@ -646,8 +647,27 @@ footer#footer {
   font-style: italic;
 }
 
+#scroll-to-chat-end {
+  transition: opacity 200ms;
+  position: absolute;
+  margin-left: auto;
+  top: -4em;
+  right: 1em;
+  padding: 0.8em;
+  border-radius: 50%;
+  background-color: var(--scroll-to-end-bg);
+}
+
+#scroll-to-chat-end ion-icon {
+  color: var(--midground);
+}
+
 /* Chat input */
 
+#chat-inputs-wrapper {
+  position: relative;
+}
+
 #chatbox {
   padding-top: 1rem;
   border-top: .063rem solid;
-- 
cgit v1.2.3