fix notifs' shadow peeking in when closed on mobile

2022-04-10 14:23:03 +03:00 · 2022-04-10 14:23:03 +03:00 · 4750d9bb4c
commit 4750d9bb4c
parent 5b47856329
1 changed files with 3 additions and 2 deletions
--- a/src/components/mobile_nav/mobile_nav.vue
+++ b/src/components/mobile_nav/mobile_nav.vue
@ -51,7 +51,7 @@
    <div
      v-if="currentUser"
      class="mobile-notifications-drawer"
-      :class="{ 'closed': !notificationsOpen }"
+      :class="{ '-closed': !notificationsOpen }"
      @touchstart.stop="notificationsTouchStart"
      @touchmove.stop="notificationsTouchMove"
    >
@ -148,8 +148,9 @@
    z-index: 1001;
    -webkit-overflow-scrolling: touch;

-    &.closed {
+    &.-closed {
      transform: translateX(100%);
+      box-shadow: none;
    }
  }