(UI) change toggle icon

Author: antoine92190

src/ChatWindow/MessagesList.vue

@@ -5,7 +5,11 @@
 		v-if="(isMobile && !showRoomsList) || !isMobile"
 	>
 		<div class="room-header app-border-b">
-			<div class="svg-button toggle-button" @click="$emit('toggleRoomsList')">
+			<div
+				class="svg-button toggle-button"
+				:class="{ 'rotate-icon': !showRoomsList && !isMobile }"
+				@click="$emit('toggleRoomsList')"
+			>
 				<svg-icon name="toggle" />
 			</div>
 			<div
@@ -494,6 +498,15 @@ export default {
 
 .toggle-button {
 	margin-right: 15px;
+
+	svg {
+		height: 26px;
+		width: 26px;
+	}
+}
+
+.rotate-icon {
+	transform: rotate(180deg) !important;
 }
 
 .room-name {

src/ChatWindow/SvgIcon.vue

@@ -38,7 +38,7 @@ export default {
 				},
 				{
 					name: 'toggle',
-					path: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'
+					path: 'M5,13L9,17L7.6,18.42L1.18,12L7.6,5.58L9,7L5,11H21V13H5M21,6V8H11V6H21M21,16V18H11V16H21Z'
 				},
 
 				{