Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 60

fix responsiveness on manage host page table controls and update filter icon (#7636)

Browse source 
* fix responsiveness on manage host page table

* update filter icon on label filter to larger image
This commit is contained in:
Gabriel Hernandez 2022-09-08 14:59:24 +01:00 committed by GitHub
parent 2380b4f313
commit df014bd508
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/icon-filter.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 384 B

4
frontend/pages/hosts/ManageHostsPage/_styles.scss
View file

@ -114,7 +114,9 @@
} }
// table header content responsive styles // table header content responsive styles
@media (max-width: $break-990) { // NOTE: 1100px is a custom breakpoint to deal with responsiveness of the
// table controls. 990px doesnt work for us in this case.
@media (max-width: 1100px) {
&__header { &__header {
flex-direction: column; flex-direction: column;
} }

6
frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
View file

@ -22,8 +22,10 @@
&::before { &::before {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
content: url(../assets/images/icon-filter.png); content: url(../assets/images/icon-filter-v2-black-16x16@2x.png);
top: 4px; transform: scale(0.5);
top: -2px;
left: -6px;
} }
} }