Skip to content

Commit

Permalink
#79 introduced animations on room-capacity-indicator component show/hide
Browse files Browse the repository at this point in the history
  • Loading branch information
fcamblor committed Apr 6, 2024
1 parent b01ee57 commit d780110
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions mobile/src/components/rooms/RoomCapacityIndicator.vue
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<template>
<transition>
<div v-if="capacityStatusRef && roomCapacityIndicatorShownRef" class="above-talkCard"
:style="{
'--status-level1-color': '#73a027',
Expand Down Expand Up @@ -56,6 +57,7 @@
</ion-button>
<span class="above-talkCard-bg"></span>
</div>
</transition>
</template>

<script setup lang="ts">
Expand Down Expand Up @@ -403,4 +405,15 @@ function setIndicatorExplanationPopupOpened(opened: boolean) {
background-repeat: no-repeat !important;
}
}
.v-enter-active,
.v-leave-active {
transition: opacity 1.5s ease;
}
.v-enter-from,
.v-leave-to {
opacity: 0;
}
</style>

0 comments on commit d780110

Please sign in to comment.