fix: Zoom buttons & drawing tool aren't drawn nicely together (z-inde…

…xes)
simwrapper · Dec 23, 2021 · 8b299ba · 8b299ba
1 parent 3866379
commit 8b299ba
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/DrawingTool/DrawingTool.vue b/src/components/DrawingTool/DrawingTool.vue
@@ -268,7 +268,7 @@ export default class VueComponent extends Vue {
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 0;
+  z-index: 1;
 }
 
 .map {
@@ -284,7 +284,7 @@ export default class VueComponent extends Vue {
   background-color: var(--bgPanel);
   pointer-events: all;
   padding: 0.5rem 1rem;
-  z-index: 10;
+  z-index: 0;
   position: absolute;
   top: 6px;
   right: 31px;
@@ -322,7 +322,6 @@ export default class VueComponent extends Vue {
   flex-direction: column;
   top: 5.5rem;
   right: 4px;
-  z-index: 15;
 }
 
 .buttons {

diff --git a/src/components/ZoomButtons.vue b/src/components/ZoomButtons.vue
@@ -115,6 +115,7 @@ export default class VueComponent extends Vue {
 .zoom-buttons {
   margin-left: auto;
   pointer-events: auto;
+  z-index: 2;
 }
 
 .button-single:last-child {