PB-244: Update infobox coordinates styling and make text selectable

geoadmin · Mar 7, 2024 · c3975eb · c3975eb
1 parent 02c08ab
commit c3975eb
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 9 deletions.
diff --git a/src/modules/infobox/components/FeatureDetail.vue b/src/modules/infobox/components/FeatureDetail.vue
@@ -65,7 +65,7 @@ function sanitizeHtml(htmlText) {
                 :value="feature.geometry.coordinates.slice(0, 2)"
                 :coordinate-format="coordinateFormat"
             >
-                <FontAwesomeIcon class="d-flex" icon="fas fa-map-marker-alt" />
+                <FontAwesomeIcon class="small align-text-top" icon="fas fa-map-marker-alt" />
             </CoordinateCopySlot>
         </div>
     </div>

diff --git a/src/modules/infobox/components/styling/FeatureStyleEdit.vue b/src/modules/infobox/components/styling/FeatureStyleEdit.vue
@@ -224,16 +224,13 @@ function onDelete() {
                 <sup>2</sup>
             </div>
         </div>
-        <div
-            v-if="isFeatureMarker || isFeatureText"
-            class="d-flex small gap-1 justify-content-start align-items-center"
-        >
+        <div v-if="isFeatureMarker || isFeatureText" class="d-flex small justify-content-start">
             <CoordinateCopySlot
                 identifier="feature-style-edit-coordinate-copy"
                 :value="feature.coordinates[0].slice(0, 2)"
                 :coordinate-format="coordinateFormat"
             >
-                <FontAwesomeIcon class="d-flex small" icon="fas fa-map-marker-alt" />
+                <FontAwesomeIcon class="small pe-2 align-text-top" icon="fas fa-map-marker-alt" />
             </CoordinateCopySlot>
         </div>
         <div class="d-flex justify-content-end align-items-center">

diff --git a/src/modules/map/components/LocationPopup.vue b/src/modules/map/components/LocationPopup.vue
@@ -237,7 +237,4 @@ function clearClick() {
 
 <style lang="scss" scoped>
 @import 'src/scss/webmapviewer-bootstrap-theme';
-.location-popup {
-    @extend .clear-no-ios-long-press;
-}
 </style>
diff --git a/src/utils/components/CoordinateCopySlot.vue b/src/utils/components/CoordinateCopySlot.vue
@@ -135,4 +135,7 @@ async function copyValue() {
     padding: 0 0.2rem;
     font-size: inherit;
 }
+.location-popup-data {
+    @extend .clear-no-ios-long-press;
+}
 </style>