BS5: migrate remaining dropdowns

Author: nboisteault

assets/src/components/FeatureToolbar.js

@@ -111,15 +111,13 @@ export default class FeatureToolbar extends HTMLElement {
                             class="btn btn-sm dropdown-toggle"
                             data-bs-toggle="dropdown"
                             aria-expanded="false"
-                            data-bs-toggle="tooltip"
-                            data-bs-title="${lizDict['attributeLayers.toolbar.btn.data.export.title']}"
+                            title="${lizDict['attributeLayers.toolbar.btn.data.export.title']}"
                             >
                             <i class="icon-download"></i>
-                            <span class="caret"></span>
                         </button>
-                        <ul class="dropdown-menu pull-right" role="menu">
+                        <ul class="dropdown-menu">
                             ${this._downloadFormats.map((format) =>
-                                html`<li><a href="#" @click=${() => this.export(format)}>${format}</a></li>`)}
+                                html`<li><a class="dropdown-item" href="#" @click=${() => this.export(format)}>${format}</a></li>`)}
                         </ul>
                     </div>`
                 : ''
@@ -196,16 +194,15 @@ export default class FeatureToolbar extends HTMLElement {
                         class="btn btn-sm dropdown-toggle"
                         data-bs-toggle="dropdown"
                         aria-expanded="false"
-                        data-bs-title="${lizDict['attributeLayers.toolbar.btn.data.createFeature.title']}"
+                        title="${lizDict['attributeLayers.toolbar.btn.data.createFeature.title']}"
                         >
                         <i class="icon-plus-sign"></i>
-                        <span class="caret"></span>
                     </button>
-                    <ul class="dropdown-menu" role="menu">
+                    <ul class="dropdown-menu">
                         ${this.editableChildrenLayers.map((child) =>
                             html`
                                 <li>
-                                    <a
+                                    <a href="#" class="dropdown-item"
                                         data-child-layer-id="${child.layerId}"
                                         @click=${() => this.createChild(child)}
                                         >${child.title}

assets/src/components/SelectionTool.js

@@ -138,7 +138,6 @@ export default class SelectionTool extends HTMLElement {
                     ?disabled=${ !mainLizmap.selectionTool.isExportable }
                     >
                     ${lizDict['switcher.layer.export.title']}
-                <span class="caret"></span>
                 </button>
                 <ul class="selectiontool-export-formats dropdown-menu dropdown-menu-right" role="menu">
                     <li><a href="#" class="btn-export-selection dropdown-item">GeoJSON</a></li>

assets/src/legacy/attributeTable.js

@@ -1073,7 +1073,7 @@ var lizAttributeTable = function() {
                                 childCreateButtonItems.push(childButtonItem);
 
                                 // Link parent with the selected features of the child
-                                layerLinkButtonItems.push('<li><a href="#' + lizMap.cleanName(isNToM ? pivotConfig[0] : childLayerName) + '" class="btn-linkFeatures-attributeTable">' + (isNToM ? pivotConfig[1].title : childLayerConfig.title) +'</a></li>' );
+                                layerLinkButtonItems.push('<li><a href="#' + lizMap.cleanName(isNToM ? pivotConfig[0] : childLayerName) + '" class="btn-linkFeatures-attributeTable dropdown-item">' + (isNToM ? pivotConfig[1].title : childLayerConfig.title) +'</a></li>' );
                             }
                         }
                     }
@@ -1092,9 +1092,8 @@ var lizAttributeTable = function() {
                         layerLinkButton+= '&nbsp;<div class="btn-group" role="group" >';
                         layerLinkButton+= '    <button type="button" class="btn btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">';
                         layerLinkButton+= lizDict['attributeLayers.toolbar.btn.data.linkFeatures.title'];
-                        layerLinkButton+= '      <span class="caret"></span>';
                         layerLinkButton+= '    </button>';
-                        layerLinkButton+= '    <ul class="dropdown-menu" role="menu">';
+                        layerLinkButton+= '    <ul class="dropdown-menu">';
                         for( var i in  layerLinkButtonItems){
                             var li = layerLinkButtonItems[i];
                             layerLinkButton+= li;