Add scrollable dropdown for WFS format selection menu (#9184)

* Fix the WFS format menu for very long download format lists.

Author: juanluisrp

web-ui/src/main/resources/catalog/components/viewer/wfs/partials/download.html

@@ -55,7 +55,7 @@
           <span>{{type.label}}</span>
           <span class="caret"></span>
         </button>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu gn-wfs-formats-menu">
           <li class="dropdown-header" data-translate="">downloadAllIn</li>
           <li data-ng-repeat="f in formats | orderBy:f track by $index">
             <a
@@ -114,7 +114,7 @@
             <span>{{ftSelected.name.localPart}}</span>
             <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu">
+          <ul class="dropdown-menu gn-wfs-formats-menu">
             <li data-ng-repeat="format in formats | orderBy:format">
               <a
                 data-gn-click-and-spin="downloadFeatureType(ftSelected,

web-ui/src/main/resources/catalog/style/gn_metadata.less

@@ -779,3 +779,13 @@ ul.container-list {
     height: 100%;
   }
 }
+
+.gn-wfs-formats-menu {
+  max-height: 300px;
+  overflow-y: auto;
+  background-color: @dropdown-bg;
+
+  &::-webkit-scrollbar-track {
+    background-color: @dropdown-bg;
+  }
+}