is this popup better on left

OSU-Sustainability-Office · Sep 5, 2023 · 4f1333c · 4f1333c
1 parent f1d7d10
commit 4f1333c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/map/map.vue b/src/components/map/map.vue
@@ -364,7 +364,7 @@ export default {
  this.message = inputWord
  console.log( this.message )
  } )
- this.map.zoomControl.setPosition( 'topright' )
+ this.map.zoomControl.setPosition( 'topleft' )
  },
  mounted () {
  this.$nextTick( () => {
@@ -552,7 +552,7 @@ $sideMenu-width: 250px;
  background-color: $--color-black;
  height: 10em;
  position: absolute;
- left: calc(100% - #{$sideMenu-width});
+ left: 0;
  z-index: 2000;
  width: $sideMenu-width - 10px;
  padding-top: 1em;
@@ -574,7 +574,6 @@ $sideMenu-width: 250px;
  align-items: center;
  position: absolute;
  top: 7em;
- right: 10px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
@@ -713,7 +712,7 @@ $sideMenu-width: 250px;
  align-items: center;
  position: absolute;
  top: 10px;
- right: 50px;
+ left: 50px;
  width: 90px;
  height: 50px;
  background-color: white;

diff --git a/src/components/map/sideView.vue b/src/components/map/sideView.vue
@@ -185,10 +185,9 @@ export default {
  z-index: 401;
  display: block;
  position: absolute;
- left: 80%;
+ left: 25%;
  bottom: 13%;
  width: 440px !important;
- margin-left: -470px;
  height: 85% !important;
 }
 .main {