disable animations on more transitions (#8112)

This commit is contained in:
Johann150
2022-01-25 15:18:21 +01:00
committed by GitHub
parent 3f610edc2a
commit e51f59e1b7
23 changed files with 31 additions and 31 deletions

View File

@ -30,7 +30,7 @@
</div>
</div>
<transition name="tray-back">
<transition :name="$store.state.animation ? 'tray-back' : ''">
<div v-if="widgetsShowing"
class="tray-back _modalBg"
@click="widgetsShowing = false"
@ -38,7 +38,7 @@
></div>
</transition>
<transition name="tray">
<transition :name="$store.state.animation ? 'tray' : ''">
<XWidgets v-if="widgetsShowing" class="tray"/>
</transition>

View File

@ -29,7 +29,7 @@
<button class="button post _button" @click="post()"><i class="fas fa-pencil-alt"></i></button>
</div>
<transition name="menu-back">
<transition :name="$store.state.animation ? 'menu-back' : ''">
<div v-if="drawerMenuShowing"
class="menu-back _modalBg"
@click="drawerMenuShowing = false"
@ -37,7 +37,7 @@
></div>
</transition>
<transition name="menu">
<transition :name="$store.state.animation ? 'menu' : ''">
<XDrawerMenu v-if="drawerMenuShowing" class="menu"/>
</transition>

View File

@ -36,7 +36,7 @@
<button class="button post _button" @click="post()"><i class="fas fa-pencil-alt"></i></button>
</div>
<transition name="menuDrawer-back">
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
<div v-if="drawerMenuShowing"
class="menuDrawer-back _modalBg"
@click="drawerMenuShowing = false"
@ -44,11 +44,11 @@
></div>
</transition>
<transition name="menuDrawer">
<transition :name="$store.state.animation ? 'menuDrawer' : ''">
<XDrawerMenu v-if="drawerMenuShowing" class="menuDrawer"/>
</transition>
<transition name="widgetsDrawer-back">
<transition :name="$store.state.animation ? 'widgetsDrawer-back' : ''">
<div v-if="widgetsShowing"
class="widgetsDrawer-back _modalBg"
@click="widgetsShowing = false"
@ -56,7 +56,7 @@
></div>
</transition>
<transition name="widgetsDrawer">
<transition :name="$store.state.animation ? 'widgetsDrawer' : ''">
<XWidgets v-if="widgetsShowing" class="widgetsDrawer"/>
</transition>

View File

@ -25,7 +25,7 @@
</div>
</div>
<transition name="tray-back">
<transition :name="$store.state.animation ? 'tray-back' : ''">
<div v-if="showMenu"
class="menu-back _modalBg"
@click="showMenu = false"
@ -33,7 +33,7 @@
></div>
</transition>
<transition name="tray">
<transition :name="$store.state.animation ? 'tray' : ''">
<div v-if="showMenu" class="menu">
<MkA to="/" class="link" active-class="active"><i class="fas fa-home icon"></i>{{ $ts.home }}</MkA>
<MkA to="/explore" class="link" active-class="active"><i class="fas fa-hashtag icon"></i>{{ $ts.explore }}</MkA>