Merge pull request #11 from qazsato/fix_debug_view_style

fix debug view style
qazsato · Dec 3, 2024 · cce09c1 · cce09c1
2 parents 9e5c2da + 54a06f6
commit cce09c1
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/docs/index-1cxemBXu.js → docs/index-Dgo8Clwm.js b/docs/index-1cxemBXu.js → docs/index-Dgo8Clwm.js
diff --git a/docs/index-Dr0l-3GY.css → docs/index-oS4W3OgK.css b/docs/index-Dr0l-3GY.css → docs/index-oS4W3OgK.css
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/maplibre-gl-compass/compass.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>maplibre-gl-compass</title>
-    <script type="module" crossorigin src="/maplibre-gl-compass/index-1cxemBXu.js"></script>
-    <link rel="stylesheet" crossorigin href="/maplibre-gl-compass/index-Dr0l-3GY.css">
+    <script type="module" crossorigin src="/maplibre-gl-compass/index-Dgo8Clwm.js"></script>
+    <link rel="stylesheet" crossorigin href="/maplibre-gl-compass/index-oS4W3OgK.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/components/DebugView.css b/src/components/DebugView.css
@@ -1,8 +1,9 @@
 .maplibregl-ctrl-compass-heading-debug {
-  width: 200px;
+  width: 180px;
   margin: 0;
   padding: 5px 10px;
   list-style: none;
   background-color: #fff;
   border-radius: 4px;
+  box-shadow: 0 0 0 2px rgba(0,0,0,.1);
 }
diff --git a/src/components/DebugView.ts b/src/components/DebugView.ts
@@ -8,7 +8,7 @@ export class DebugView {
     this.element.classList.add('maplibregl-ctrl')
     this.element.innerHTML = `
     <ul class="maplibregl-ctrl-compass-heading-debug">
-      <li><b>bearing</b>: <span class="heading"></span></li>
+      <li><b>heading</b>: <span class="heading"></span></li>
       <li><b>accuracy</b>: <span class="accuracy"></span></li>
     </ul>
     `