|
|
@ -1,4 +1,5 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<nav class='nav-bar container' id="nav">
|
|
|
|
<nav class='nav-bar container' id="nav">
|
|
|
|
<div class='mobile-inner-nav' @click="scrollToTop()">
|
|
|
|
<div class='mobile-inner-nav' @click="scrollToTop()">
|
|
|
|
<div class='item'>
|
|
|
|
<div class='item'>
|
|
|
@ -14,12 +15,12 @@
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<SideDrawer ref="sideDrawer" :logout="logout"/>
|
|
|
|
</nav>
|
|
|
|
<div v-if="currentUser"
|
|
|
|
<div v-if="currentUser"
|
|
|
|
class="mobile-notifications-drawer"
|
|
|
|
class="mobile-notifications-drawer"
|
|
|
|
:class="{ 'closed': !notificationsOpen }"
|
|
|
|
:class="{ 'closed': !notificationsOpen }"
|
|
|
|
@touchstart="notificationsTouchStart"
|
|
|
|
@touchstart.stop="notificationsTouchStart"
|
|
|
|
@touchmove="notificationsTouchMove"
|
|
|
|
@touchmove.stop="notificationsTouchMove"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div class="mobile-notifications-header">
|
|
|
|
<div class="mobile-notifications-header">
|
|
|
|
<span class="title">{{$t('notifications.notifications')}}</span>
|
|
|
|
<span class="title">{{$t('notifications.notifications')}}</span>
|
|
|
@ -31,8 +32,9 @@
|
|
|
|
<Notifications ref="notifications" noHeading="true"/>
|
|
|
|
<Notifications ref="notifications" noHeading="true"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<SideDrawer ref="sideDrawer" :logout="logout"/>
|
|
|
|
<MobilePostStatusModal />
|
|
|
|
<MobilePostStatusModal />
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="./mobile_nav.js"></script>
|
|
|
|
<script src="./mobile_nav.js"></script>
|
|
|
@ -79,6 +81,8 @@
|
|
|
|
transition-property: transform;
|
|
|
|
transition-property: transform;
|
|
|
|
transition-duration: 0.25s;
|
|
|
|
transition-duration: 0.25s;
|
|
|
|
transform: translateX(0);
|
|
|
|
transform: translateX(0);
|
|
|
|
|
|
|
|
z-index: 1001;
|
|
|
|
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
|
|
|
|
|
|
|
|
&.closed {
|
|
|
|
&.closed {
|
|
|
|
transform: translateX(100%);
|
|
|
|
transform: translateX(100%);
|
|
|
|