Fleet UI: [4.36 unreleased bug] Dropdown width styling fix (#13340)

This commit is contained in:
RachelElysia 2023-08-15 16:26:37 -04:00 committed by GitHub
parent f9d6cf986b
commit e6f3f2e965
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 29 deletions

View file

@ -6,8 +6,6 @@
.controls {
// vulnerable software dropdown filter
.Select {
width: 225px;
.Select-menu-outer {
width: 364px;
max-height: 310px;
@ -19,20 +17,10 @@
.Select-value {
padding-left: $pad-medium;
padding-right: $pad-medium;
&::before {
display: inline-block;
position: absolute;
padding: 5px 0 0 0; // centers spin
content: url(../assets/images/icon-filter-black-16x16@2x.png);
transform: scale(0.5);
height: 26px;
left: 2px;
}
}
.Select-value-label {
padding-left: $pad-large;
font-size: $small !important;
.dropdown__custom-value-label {
width: 155px; // Override 105px for longer text options
}
}
}

View file

@ -73,9 +73,8 @@
margin: 0;
}
.manage-software-page__vuln_dropdown {
width: 225px;
.Select-menu-outer {
width: 364px;
width: 250px;
max-height: 310px;
.Select-menu {
max-height: none;
@ -84,19 +83,9 @@
.Select-value {
padding-left: $pad-medium;
padding-right: $pad-medium;
&::before {
display: inline-block;
position: absolute;
padding: 5px 0 0 0; // centers spin
content: url(../assets/images/icon-filter-black-16x16@2x.png);
transform: scale(0.5);
height: 26px;
left: 2px;
}
}
.Select-value-label {
padding-left: $pad-large;
font-size: $small !important;
.dropdown__custom-value-label {
width: 155px; // Override 105px for longer text options
}
}
}