mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Fleet UI: Host status dropdown styling fixes (#22314)
This commit is contained in:
parent
f5a75877f3
commit
3b001ea07c
4 changed files with 4 additions and 22 deletions
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
.Select {
|
||||
.Select-menu-outer {
|
||||
width: 364px;
|
||||
max-height: 310px;
|
||||
max-height: min-content;
|
||||
|
||||
.Select-menu {
|
||||
max-height: none;
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
&__platform-dropdown {
|
||||
.Select-menu-outer {
|
||||
width: 364px;
|
||||
max-height: 380px;
|
||||
max-height: min-content;
|
||||
|
||||
.Select-menu {
|
||||
max-height: none;
|
||||
|
|
|
|||
Loading…
Reference in a new issue