Gird: Enum filter dropdown - Selection #757 (#805)

Author: gvreddy04

blazorbootstrap/Components/Grid/GridColumnFilter.razor

@@ -65,7 +65,7 @@
                     <span class="px-2">@filterValue</span>
                 }
             </DropdownToggleButton>
-            <DropdownMenu>
+            <DropdownMenu Class="bb-dropdown-menu-enum" Style="max-height: var(--bb-grid-filter-dropdown-max-height); overflow-x: hidden; overflow-y: auto;">
                 @if (PropertyType is not null)
                 {
                     @foreach (var item in Enum.GetValues(PropertyType!))

blazorbootstrap/wwwroot/blazor.bootstrap.css

@@ -54,6 +54,8 @@
     --bb-table-selected-row-hover-color: #000;
     --bb-table-selected-row-background-color: rgba(0,0,0,0.075);
     --bb-table-selected-row-hover-background-color: rgba(0,0,0,0.075);
+    /* enum filter */
+    --bb-grid-filter-dropdown-max-height: 300px;
     /* callout */
     --bb-callout-link: 10, 88, 202;
     --bb-callout-code-color: #ab296a;
@@ -80,6 +82,20 @@
     --bb-sidebar2-nav-item-group-background-color: rgba(var(--bb-sidebar2-nav-item-text-active-color-rgb),0.08);
 }
 
+/* grid - enum dropdown */
+@media (max-width: 767px) {
+    .table-responsive .bb-dropdown-menu-enum,
+    .table-responsive .dropdown-toggle {
+        position: static !important;
+    }
+}
+
+@media (min-width: 768px) {
+    .table-responsive:has(.bb-dropdown-menu-enum) {
+        overflow: visible;
+    }
+}
+
 /* preload */
 .modal-page-loading {
     z-index: var(--bb-preload-modal-z-index) !important;