(fix) backward and forward rotation for RoomsList toggle-button icon

rr-it · rr-it · commit f8c70683e746 · 2022-03-15T19:29:26.000+01:00
diff --git a/src/lib/Room/RoomHeader/RoomHeader.scss b/src/lib/Room/RoomHeader/RoomHeader.scss
@@ -28,6 +28,9 @@
 	}
 
 	.vac-rotate-icon {
+		&-init {
+			transform: rotate(360deg);
+		}
 		transform: rotate(180deg) !important;
 	}
 
diff --git a/src/lib/Room/RoomHeader/RoomHeader.vue b/src/lib/Room/RoomHeader/RoomHeader.vue
@@ -33,7 +33,7 @@
 					<div
 						v-if="!singleRoom"
 						class="vac-svg-button vac-toggle-button"
-						:class="{ 'vac-rotate-icon': !showRoomsList && !isMobile }"
+						:class="{ 'vac-rotate-icon-init': !isMobile, 'vac-rotate-icon': !showRoomsList && !isMobile }"
 						@click="$emit('toggle-rooms-list')"
 					>
 						<slot name="toggle-icon">

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,9 @@`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`.vac-rotate-icon {`
	`31`	`+ &-init {`
	`32`	`+ transform: rotate(360deg);`
	`33`	`+ }`
`31`	`34`	`transform: rotate(180deg) !important;`
`32`	`35`	`}`
`33`	`36`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`	`<div`
`34`	`34`	`v-if="!singleRoom"`
`35`	`35`	`class="vac-svg-button vac-toggle-button"`
`36`		`- :class="{ 'vac-rotate-icon': !showRoomsList && !isMobile }"`
	`36`	`+ :class="{ 'vac-rotate-icon-init': !isMobile, 'vac-rotate-icon': !showRoomsList && !isMobile }"`
`37`	`37`	`@click="$emit('toggle-rooms-list')"`
`38`	`38`	`>`
`39`	`39`	`<slot name="toggle-icon">`