Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Fleet UI: Add hover/focus state to icon and border of label filter search (#13299)

Browse source
This commit is contained in:
RachelElysia 2023-08-11 15:47:45 -04:00 committed by GitHub
parent a3b47c1877
commit 6010f06c9c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/CustomLabelGroupHeading.tsx
View file

@ -61,7 +61,6 @@ const CustomLabelGroupHeading = (
</div>
</div>
<div className={`${baseClass}__field`}>
<Icon name="search" />
<input
className={`${baseClass}__input`}
ref={inputRef}
@ -77,6 +76,7 @@ const CustomLabelGroupHeading = (
onClick={handleInputClick}
onBlur={onBlurLabelSearchInput}
/>
<Icon name="search" />
</div>
</components.GroupHeading>
);

11
frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/_styles.scss
View file

@ -48,9 +48,18 @@
color: $ui-fleet-black-50;
}
&:focus {
&:focus,
&:hover {
outline: none;
border-color: $core-vibrant-blue;
+ .icon {
svg {
path {
fill: $core-vibrant-blue;
}
}
}
}
&--disabled {