@abi-software/map-side-bar 2.3.2-beta.2 → 2.3.2-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/map-side-bar.js +43 -45
- package/dist/map-side-bar.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/ConnectivityInfo.vue +33 -17
package/package.json
CHANGED
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
<external-resource-card :resources="resources"></external-resource-card>
|
|
22
22
|
</div>
|
|
23
|
-
<div>
|
|
23
|
+
<div class="title-buttons">
|
|
24
24
|
<el-popover
|
|
25
|
-
width="
|
|
25
|
+
width="auto"
|
|
26
26
|
trigger="hover"
|
|
27
27
|
:teleported="false"
|
|
28
|
-
popper-class="popover-
|
|
28
|
+
popper-class="popover-map-pin"
|
|
29
29
|
>
|
|
30
30
|
<template #reference>
|
|
31
31
|
<el-button class="button-circle" circle @click="showConnectivity(entry)">
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
Show connectivity on map
|
|
39
39
|
</span>
|
|
40
40
|
</el-popover>
|
|
41
|
+
<CopyToClipboard :content="updatedCopyContent" />
|
|
41
42
|
</div>
|
|
42
43
|
</div>
|
|
43
44
|
<div v-if="featuresAlert" class="attribute-title-container">
|
|
@@ -174,11 +175,6 @@
|
|
|
174
175
|
Search for data on components
|
|
175
176
|
</el-button>
|
|
176
177
|
</div>
|
|
177
|
-
|
|
178
|
-
<!-- Copy to clipboard button container -->
|
|
179
|
-
<div class="float-button-container">
|
|
180
|
-
<CopyToClipboard :content="updatedCopyContent" />
|
|
181
|
-
</div>
|
|
182
178
|
</div>
|
|
183
179
|
</template>
|
|
184
180
|
|
|
@@ -479,6 +475,7 @@ export default {
|
|
|
479
475
|
}
|
|
480
476
|
|
|
481
477
|
.button-circle {
|
|
478
|
+
margin: 0;
|
|
482
479
|
width: 24px !important;
|
|
483
480
|
height: 24px !important;
|
|
484
481
|
|
|
@@ -706,16 +703,35 @@ export default {
|
|
|
706
703
|
top: 99.4%;
|
|
707
704
|
}
|
|
708
705
|
|
|
709
|
-
.
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
706
|
+
.title-buttons {
|
|
707
|
+
display: flex;
|
|
708
|
+
flex-direction: row;
|
|
709
|
+
gap: 0.5rem;
|
|
710
|
+
|
|
711
|
+
:deep(.copy-clipboard-button) {
|
|
712
|
+
&,
|
|
713
|
+
&:hover,
|
|
714
|
+
&:focus {
|
|
715
|
+
border-color: $app-primary-color !important;
|
|
716
|
+
border-radius: 50%;
|
|
717
|
+
}
|
|
718
|
+
}
|
|
719
|
+
}
|
|
715
720
|
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
721
|
+
:deep(.el-popper.popover-map-pin) {
|
|
722
|
+
padding: 4px 10px;
|
|
723
|
+
min-width: max-content;
|
|
724
|
+
font-family: Asap;
|
|
725
|
+
font-size: 12px;
|
|
726
|
+
line-height: inherit;
|
|
727
|
+
color: inherit;
|
|
728
|
+
background: #f3ecf6 !important;
|
|
729
|
+
border: 1px solid $app-primary-color;
|
|
730
|
+
|
|
731
|
+
& .el-popper__arrow::before {
|
|
732
|
+
border: 1px solid;
|
|
733
|
+
border-color: $app-primary-color;
|
|
734
|
+
background: #f3ecf6;
|
|
719
735
|
}
|
|
720
736
|
}
|
|
721
737
|
</style>
|