Merge pull request #4885 from 3liz/backport-4884-to-release_3_8

[Backport release_3_8] lizmap-features-table - improve popup table style
3liz · Oct 17, 2024 · 244a0f9 · 244a0f9
2 parents eb092b7 + 3272f73
commit 244a0f9
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/assets/src/components/FeaturesTable.js b/assets/src/components/FeaturesTable.js
@@ -227,6 +227,12 @@ export default class FeaturesTable extends HTMLElement {
                 this.uniqueField,
                 event.target.parentElement.parentElement.querySelector('div.lizmap-features-table-item-popup'),
                 function(aLayerId, aFeature, aTarget) {
+                    // Add bootstrap classes to the popup tables
+                    const popupTable = aTarget.querySelector('table.lizmapPopupTable');
+                    if (popupTable) {
+                        popupTable.classList.add('table', 'table-condensed', 'table-sm', 'table-bordered', 'table-striped');
+                    }
+
                     // Show popup and hide other children
                     const featuresTableDiv = aTarget.parentElement;
                     if (featuresTableDiv) {