Fix styles conflict with timelines

d6054e1555222926471ea8ef1c59350dc4111eb6

Cohee <18619528+Cohee1207@users.noreply.github.com>

2 files changed, +3 -3Showing whitespace changes
public/css/welcome.css+1 -1
@@ -186,7 +186,7 @@ body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContaine
186 align-self: center;186 align-self: center;
187}187}
188188
189.welcomeRecent .recentChatList .showMoreChats.rotate {189.welcomeRecent .recentChatList .showMoreChats.rotated {
190 transform: rotate(180deg);190 transform: rotate(180deg);
191}191}
192192
public/scripts/welcome-screen.js+2 -2
@@ -107,11 +107,11 @@ async function sendWelcomePanel() {
107 const hiddenChats = fragment.querySelectorAll('.recentChat.hidden');107 const hiddenChats = fragment.querySelectorAll('.recentChat.hidden');
108 fragment.querySelectorAll('button.showMoreChats').forEach((button) => {108 fragment.querySelectorAll('button.showMoreChats').forEach((button) => {
109 button.addEventListener('click', () => {109 button.addEventListener('click', () => {
110 const rotate = button.classList.contains('rotate');110 const rotate = button.classList.contains('rotated');
111 hiddenChats.forEach((chatItem) => {111 hiddenChats.forEach((chatItem) => {
112 chatItem.classList.toggle('hidden', rotate);112 chatItem.classList.toggle('hidden', rotate);
113 });113 });
114 button.classList.toggle('rotate', !rotate);114 button.classList.toggle('rotated', !rotate);
115 });115 });
116 });116 });
117 fragment.querySelectorAll('button.openTemporaryChat').forEach((button) => {117 fragment.querySelectorAll('button.openTemporaryChat').forEach((button) => {