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

This commit is contained in:
RachelElysia 2024-09-24 09:02:48 -07:00 committed by GitHub
parent f5a75877f3
commit 3b001ea07c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 4 additions and 22 deletions

View file

@ -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}

View file

@ -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;

View file

@ -9,7 +9,7 @@
.Select {
.Select-menu-outer {
width: 364px;
max-height: 310px;
max-height: min-content;
.Select-menu {
max-height: none;

View file

@ -63,7 +63,7 @@
&__platform-dropdown {
.Select-menu-outer {
width: 364px;
max-height: 380px;
max-height: min-content;
.Select-menu {
max-height: none;