From d6054e1555222926471ea8ef1c59350dc4111eb6 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Mon, 12 May 2025 22:40:00 +0300
Subject: [PATCH] Fix styles conflict with timelines

---
 public/css/welcome.css           | 2 +-
 public/scripts/welcome-screen.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/css/welcome.css b/public/css/welcome.css
index 4cecdf756..e7c7c8bdd 100644
--- a/public/css/welcome.css
+++ b/public/css/welcome.css
@@ -186,7 +186,7 @@ body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContaine
     align-self: center;
 }
 
-.welcomeRecent .recentChatList .showMoreChats.rotate {
+.welcomeRecent .recentChatList .showMoreChats.rotated {
     transform: rotate(180deg);
 }
 
diff --git a/public/scripts/welcome-screen.js b/public/scripts/welcome-screen.js
index 1dee39059..d1ba3b9a4 100644
--- a/public/scripts/welcome-screen.js
+++ b/public/scripts/welcome-screen.js
@@ -107,11 +107,11 @@ async function sendWelcomePanel() {
         const hiddenChats = fragment.querySelectorAll('.recentChat.hidden');
         fragment.querySelectorAll('button.showMoreChats').forEach((button) => {
             button.addEventListener('click', () => {
-                const rotate = button.classList.contains('rotate');
+                const rotate = button.classList.contains('rotated');
                 hiddenChats.forEach((chatItem) => {
                     chatItem.classList.toggle('hidden', rotate);
                 });
-                button.classList.toggle('rotate', !rotate);
+                button.classList.toggle('rotated', !rotate);
             });
         });
         fragment.querySelectorAll('button.openTemporaryChat').forEach((button) => {