Fleet UI: Host status dropdown styling fixes (#22314)

fleetdm · Sep 24, 2024 · 3b001ea · 3b001ea
1 parent f5a7587
commit 3b001ea
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 22 deletions.
diff --git a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx
@@ -1430,16 +1430,11 @@ const ManageHostsPage = ({
         ? selectedLabel
         : undefined;
 
-    const statusDropdownClassnames = classNames(
-      `${baseClass}__status_dropdown`,
-      { [`${baseClass}__status-dropdown-sandbox`]: isSandboxMode }
-    );
-
     return (
       <div className={`${baseClass}__filter-dropdowns`}>
         <Dropdown
           value={status || ""}
-          className={statusDropdownClassnames}
+          className={`${baseClass}__status_dropdown`}
           options={getHostSelectStatuses(isSandboxMode)}
           searchable={false}
           onChange={handleStatusDropdownChange}

diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss
@@ -121,13 +121,6 @@
               line-height: 38px;
             }
           }
-
-          .manage-hosts__status-dropdown-sandbox {
-            width: auto;
-            .Select-control {
-              width: 182px;
-            }
-          }
         }
       }
     }
@@ -183,12 +176,6 @@
             .manage-hosts__status_dropdown {
               width: auto;
             }
-
-            .manage-hosts__status-dropdown-sandbox {
-              .Select-control {
-                width: 100%;
-              }
-            }
           }
         }
       }
@@ -246,7 +233,7 @@
 
     .Select-menu-outer {
       width: 364px;
-      max-height: 325px;
+      max-height: min-content;
 
       .Select-menu {
         max-height: none;

diff --git a/frontend/pages/hosts/details/cards/Software/_styles.scss b/frontend/pages/hosts/details/cards/Software/_styles.scss
@@ -9,7 +9,7 @@
       .Select {
         .Select-menu-outer {
           width: 364px;
-          max-height: 310px;
+          max-height: min-content;
 
           .Select-menu {
             max-height: none;

diff --git a/frontend/pages/queries/ManageQueriesPage/_styles.scss b/frontend/pages/queries/ManageQueriesPage/_styles.scss
@@ -63,7 +63,7 @@
     &__platform-dropdown {
       .Select-menu-outer {
         width: 364px;
-        max-height: 380px;
+        max-height: min-content;
 
         .Select-menu {
           max-height: none;