@abi-software/map-side-bar 2.7.3-beta.3 → 2.7.3-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.7.3-beta.3",
+  "version": "2.7.3-beta.5",
   "files": [
     "dist/*",
     "src/*",

package/src/components/ConnectivityExplorer.vue

@@ -406,16 +406,11 @@ export default {
     },
     onConnectivityInfoLoaded: function (result) {
       result.loaded = true;
-
       const stepItemRef = this.$refs['stepItem-' + result.id];
-
+      const contentRef = this.$refs['content'];
       this.$nextTick(() => {
-        if (stepItemRef && stepItemRef[0]) {
-          stepItemRef[0].scrollIntoView({
-            behavior: 'smooth',
-            block: 'start',
-            inline: 'nearest',
-          });
+        if (contentRef && stepItemRef && stepItemRef[0]) {
+          contentRef.scrollTop = stepItemRef[0].offsetTop;
         }
       });
     },
@@ -616,9 +611,14 @@ export default {
   color: white !important;
   text-decoration: underline;
   text-underline-offset: 2px;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  padding: 2px !important;
+  height: auto !important;
 
   &:hover {
     text-decoration-color: transparent;
+    box-shadow: none !important;
   }
 }
 </style>

package/src/components/ConnectivityInfo.vue

@@ -635,19 +635,21 @@ export default {
       }
     },
     getConnectionsFromMap: async function () {
-      const url =
-        this.flatmapApi +
-        `flatmap/${this.entry.mapuuid}/connectivity/${this.entry.featureId[0]}`;
-
-      try {
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Response status: ${response.status}`);
+      if (this.entry.mapuuid) {        
+        const url =
+          this.flatmapApi +
+          `flatmap/${this.entry.mapuuid}/connectivity/${this.entry.featureId[0]}`;
+  
+        try {
+          const response = await fetch(url);
+          if (!response.ok) {
+            throw new Error(`Response status: ${response.status}`);
+          }
+  
+          return await response.json();
+        } catch (error) {
+          throw new Error(error);
         }
-
-        return await response.json();
-      } catch (error) {
-        throw new Error(error);
       }
     },
     onConnectivityActionClick: function (data) {
@@ -725,17 +727,18 @@ export default {
   margin: 0;
   width: 24px !important;
   height: 24px !important;
+  border: 1px solid $app-primary-color !important;
 
   &,
   &:hover,
   &:focus,
   &:active {
     background-color: $app-primary-color;
-    border-color: $app-primary-color;
+    border-color: $app-primary-color !important;
   }
 
   &.secondary {
-    background-color: white;
+    background-color: white !important;
   }
 }
 
@@ -990,7 +993,7 @@ export default {
 .title-buttons {
   display: flex;
   flex: 1 0 0%;
-  max-width: 15%;
+  max-width: 20%;
   flex-direction: row;
   justify-content: end;
   gap: 0.5rem;

package/src/components/SidebarContent.vue

@@ -637,9 +637,14 @@ export default {
   color: white !important;
   text-decoration: underline;
   text-underline-offset: 2px;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  padding: 2px !important;
+  height: auto !important;
 
   &:hover {
     text-decoration-color: transparent;
+    box-shadow: none !important;
   }
 }
 </style>