PB-471 : PR review

add a bit more padding to the edit feature in the infobox (matching the padding of the floating tooltip) force cursor to be a pointer over the feature list headers
geoadmin · May 23, 2024 · 24d7b1b · 24d7b1b
1 parent a3b2e43
commit 24d7b1b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/modules/infobox/InfoboxModule.vue b/src/modules/infobox/InfoboxModule.vue
@@ -99,7 +99,7 @@ function onClose() {
                 v-if="isSelectedFeatureEditable && showFeatureInfoInBottomPanel"
                 :feature="selectedFeature"
                 :read-only="!showDrawingOverlay"
-                class="p-2"
+                class="p-3"
             />
             <FeatureList v-if="!showDrawingOverlay && showFeatureInfoInBottomPanel" />
         </div>

diff --git a/src/modules/infobox/components/FeatureListCategory.vue b/src/modules/infobox/components/FeatureListCategory.vue
@@ -37,7 +37,7 @@ const { t } = useI18n()
 <template>
     <div class="feature-list-category border-start">
         <div
-            class="p-2 sticky-top bg-secondary-subtle border-bottom border-secondary-subtle d-flex"
+            class="p-2 sticky-top bg-secondary-subtle border-bottom border-secondary-subtle d-flex cursor-pointer"
             @click="showContent = !showContent"
         >
             <FontAwesomeIcon :icon="`caret-${showContent ? 'down' : 'right'}`" class="me-2" />

diff --git a/src/modules/infobox/components/FeatureListCategoryItem.vue b/src/modules/infobox/components/FeatureListCategoryItem.vue
@@ -78,7 +78,7 @@ function showContentAndScrollIntoView(event) {
 
 <template>
     <div
-        class="feature-list-category-item-name p-2 align-middle position-relative"
+        class="feature-list-category-item-name p-2 align-middle position-relative cursor-pointer"
         :class="{ highlighted: isHighlightedFeature, 'border-bottom': !showContent }"
         data-cy="feature-item"
         @click="toggleShowContent"