prevent scrolling in landscape mode

fhstp · Aug 8, 2023 · 78acde8 · 78acde8
1 parent b09f12a
commit 78acde8
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/public/index.html b/public/index.html
@@ -12,7 +12,7 @@
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
     <!-- built files will be auto injected -->
+    <div id="app"></div>
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
@@ -1,8 +1,8 @@
 <template>
-  <div id="nav">
-    <!-- <router-link to="/">Home</router-link> -->
-    <!-- <router-link to="/about">About</router-link> -->
-  </div>
+  <!-- <div id="nav">
+     <router-link to="/">Home</router-link>
+     <router-link to="/about">About</router-link>
+  </div> -->
   <router-view />
 </template>
 <script lang="ts">

diff --git a/src/components/NetworkMap.vue b/src/components/NetworkMap.vue
@@ -709,9 +709,12 @@ line.select {
 #brushBtns {
   position: absolute;
   visibility: hidden;
+  top: 0;
+  right: 0;
   // display: flex;
   // flex-direction: column;
 }
+
 #brushBtns > button {
   display: block;
   margin-bottom: 0.5rem;

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -135,7 +135,7 @@ export default defineComponent({
   background: $fhstpblue; /* #005096; /* $light; */
   color: white;
   padding: 1vmin 1vmin 0.3rem 1vmin;
-  margin: 0.5rem 1px 0 1px;
+  margin: 1rem 1px 0 1px;
   border-radius: 6px 6px 0 0;
   flex-shrink: 0;
 
@@ -189,6 +189,10 @@ export default defineComponent({
     overflow-y: auto;
   }
 
+  html {
+    overflow-y: hidden !important;
+  }
+
   /* Hide scrollbar for Chrome, Safari and Opera */
   body::-webkit-scrollbar {
     display: none;