Deprecate collapsible advanced search and re-implement field-based filtering on object views

netbox/project-static/styles/netbox.scss

@@ -52,7 +52,7 @@
 }
 
 * {
-  transition: $transition-100ms-ease-in-out;
+  transition: background-color, color 0.1s ease-in-out;
 }
 
 .mw-25 {
@@ -302,8 +302,13 @@ span.profile-button .dropdown-menu {
   }
 }
 
-div#advanced-search-content div.card div.card-body div.col:not(:last-child) {
-  margin-right: 1rem;
+div#advanced-search-content {
+  &.collapsing {
+    transition: height 0.1s ease-in-out;
+  }
+  div.card div.card-body div.col:not(:last-child) {
+    margin-right: 1rem;
+  }
 }
 
 body {
@@ -430,6 +435,7 @@ nav.search {
   background-color: var(--nbx-body-bg);
   // Don't overtake dropdowns
   z-index: 999;
+  justify-content: center;
   form button.dropdown-toggle {
     border-color: $input-border-color;
     font-weight: $input-group-addon-font-weight;

netbox/project-static/styles/select.scss

@@ -71,8 +71,8 @@ $spacing-s: $input-padding-x;
         border-color: currentColor;
       }
     }
+    // Don't show the depth indicator outside of the menu.
     .placeholder .depth {
-      // Don't show the depth indicator outside of the menu.
       display: none;
     }
     span.placeholder > *,
@@ -94,6 +94,11 @@ $spacing-s: $input-padding-x;
       .ss-value {
         border-radius: $badge-border-radius;
         color: var(--nbx-select-value-color);
+
+        // Don't show the depth indicator outside of the menu.
+        .depth {
+          display: none;
+        }
       }
     }
     .ss-add {
@@ -133,10 +138,34 @@ $spacing-s: $input-padding-x;
           opacity: 0.3;
         }
       }
+      &::-webkit-scrollbar {
+        right: 0;
+        width: 4px;
+        &:hover {
+          opacity: 0.8;
+        }
+      }
+
+      &::-webkit-scrollbar-track {
+        background: transparent;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        right: 0;
+        width: 2px;
+        background-color: var(--nbx-sidebar-scroll);
+      }
     }
     border-bottom-left-radius: $form-select-border-radius;
     border-bottom-right-radius: $form-select-border-radius;
+
     .ss-search {
+      padding-right: $spacer * 0.5;
+
+      button {
+        margin-left: $spacer * 0.75;
+      }
+
       input[type='search'] {
         background-color: $form-select-bg;
         color: $input-color;