refs #19648 [fid_bbi] fix some scss, follows #18965

themes/fid_bbi/scss/blocks/dropdown-menu.scss

+.dropdown-menu {
+  background: $white;
+  box-shadow: 0 0 0 2px $text-color inset;
+  display: none;
+  list-style: none;
+  margin-top: g(.25);
+  padding: g(.5) g(.75);
+  position: absolute;
+  z-index: 9;
+  width: auto;
+
+  &.-right {
+    margin-top: g(.25 + 1.75); // only for record "Export"
+    right: 0;
+  }
+
+  // Set by JS
+  .open > & {
+    display: block;
+  }
+
+  // TODO: Use code above from a.active
+  &::before {
+    background: $white;
+    content: '';
+    display: block;
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    border-left: 2px solid;
+    border-top: 2px solid;
+    top: -5.5px; // align with top
+    transform: rotate(45deg);
+  }
+
+  &.-right::before {
+    right: g();
+  }
+
+  > li {
+    &::before {
+      content: none;
+    }
+
+    + li {
+      margin-top: g(.25);
+    }
+  }
+}

themes/fid_bbi/scss/compiled.scss

@@ -29,6 +29,7 @@
 @import 'blocks/browse';
 @import 'blocks/button';
 @import 'blocks/container';
+@import 'blocks/dropdown-menu';
 @import 'blocks/dbis';
 @import 'blocks/facet';
 @import 'blocks/filters';

themes/fid_bbi/scss/util/hacks.scss

@@ -34,54 +34,6 @@ a.active {
   display: block;
 }
 
-.dropdown-menu {
-  background: $white;
-  box-shadow: 0 0 0 2px $text-color inset;
-  display: none;
-  list-style: none;
-  margin-top: g(.25);
-  padding: g(.5) g(.75);
-  position: absolute;
-  z-index: 9;
-
-  &.-right {
-    margin-top: g(.25 + 1.75); // only for record "Export"
-    right: 0;
-  }
-
-  .open > & {
-    display: block;
-  }
-
-  // TODO: Use code above from a.active
-  &::before {
-    background: $white;
-    content: '';
-    display: block;
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    border-left: 2px solid;
-    border-top: 2px solid;
-    top: -5.5px; // align with top
-    transform: rotate(45deg);
-  }
-
-  &.-right::before {
-    right: g();
-  }
-
-  > li {
-    &::before {
-      content: none;
-    }
-
-    + li {
-      margin-top: g(.25);
-    }
-  }
-}
-
 // Last row of forms, containing a "cancel" link and the submit button
 .form-group:last-child > .col-lg-11 {
   width: 100%;
@@ -174,3 +126,8 @@ a.active {
 .resolver-links {
   margin-bottom: g(.5);
 }
+
+// NOTE: Must come last to override other classes
+.hidden {
+  display: none;
+}