From 5fc431446218ee7a0503bbb42163cc1358d8f779 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Wed, 24 Jun 2020 11:03:38 -0700
Subject: [PATCH] Adds is-hidden-mobile for progress

---
 assets/components/ScrollableView.vue | 3 ++-
 assets/components/SideMenu.vue       | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index 3ef4dff6..3804347f 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -4,7 +4,7 @@
       <slot name="header"></slot>
     </header>
     <main ref="content" :data-scrolling="scrollable">
-      <div class="scrollbar-progress">
+      <div class="scrollbar-progress is-hidden-mobile">
         <scroll-progress v-show="paused"></scroll-progress>
       </div>
       <slot></slot>
@@ -97,6 +97,7 @@ section {
     .scroll-progress {
       position: fixed;
       top: 30px;
+      z-index: 2;
     }
   }
 
diff --git a/assets/components/SideMenu.vue b/assets/components/SideMenu.vue
index 71a826c4..c1e93dcf 100644
--- a/assets/components/SideMenu.vue
+++ b/assets/components/SideMenu.vue
@@ -4,7 +4,7 @@
       <div class="column">
         <h1 class="title has-text-warning is-marginless">Dozzle</h1>
       </div>
-      <div class="column is-narrow has-text-right is-hidden-mobile">
+      <div class="column is-narrow has-text-right x">
         <router-link
           :to="{ name: 'settings' }"
           active-class="is-active"
@@ -139,6 +139,4 @@ li.exited a {
     visibility: hidden;
   }
 }
-
-
 </style>