Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 59

Fleet UI: [tiny released styling bug] Fix alignment on long label names (#13568)

Browse source
This commit is contained in:
RachelElysia 2023-08-29 14:47:26 -04:00 committed by GitHub
parent 69f34d9ce0
commit 12af094a8c
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

1
changes/13521-label-alignment Normal file
View file

@ -0,0 +1 @@
- Bug fix: Fix alignment on long label names on host details label filter dropdown

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

@ -60,6 +60,10 @@
font-size: $small;
}
.label-filter-select__single-value {
max-width: 84%; // Must override default styling of .css-qc6sy-singleValue
}
.label-filter-select__placeholder {
width: 75px; // Truncates text for smaller filter width
overflow: hidden;
@ -142,8 +146,12 @@
}
}
@media (min-width: 1100px) {
@media (min-width: 1150px) {
.label-filter-select {
width: 180px;
width: 220px;
&__single-value {
max-width: 135px !important; // Must override default styling of .css-qc6sy-singleValue
}
}
}