improve mobile stuff

tjhorner · Sep 19, 2024 · f9a8d36 · f9a8d36
1 parent ce17a78
commit f9a8d36
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/packages/frontend/src/lib/components/TrackExplorerMap.svelte b/packages/frontend/src/lib/components/TrackExplorerMap.svelte
@@ -6,6 +6,7 @@
     Control,
     ControlButton,
     ControlGroup,
+    AttributionControl,
   } from "svelte-maplibre"
   import TrackSelector from "./TrackSelector.svelte"
   import bbox from "@turf/bbox"
@@ -49,6 +50,7 @@
   bind:map
   style="https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
   class="full-map"
+  attributionControl={false}
 >
   <Control position="top-left">
     <GoToCoordsControl />

diff --git a/packages/frontend/src/lib/components/TrackInfo.svelte b/packages/frontend/src/lib/components/TrackInfo.svelte
@@ -70,6 +70,10 @@
     padding-right: 10px;
   }
 
+  td {
+    word-break: break-all;
+  }
+
   button {
     background-color: revert !important;
   }

diff --git a/packages/frontend/src/lib/components/TrackViewer.svelte b/packages/frontend/src/lib/components/TrackViewer.svelte
@@ -140,7 +140,7 @@
   </Control>
 {/if}
 
-<Control position="bottom-right">
+<Control class="track-info-control" position="bottom-right">
   <div class="control-group" transition:fly={{ x: "100%" }}>
     <TrackInfo {track} />
   </div>
@@ -212,8 +212,16 @@
   }
 
   @media (max-width: 600px) {
-    :global(.image-control) {
+    .control-group {
+      border-radius: 0;
+    }
+
+    :global(.image-control, .track-info-control) {
       margin: 0 !important;
     }
+
+    :global(.maplibregl-ctrl-bottom-right) {
+      z-index: 1;
+    }
   }
 </style>