Updated search select component styling (#11360)

* Updated search select component styling

- Fixed styling for better readability and access to delete action

* Added changelog file
This commit is contained in:
Arnav Palnitkar 2021-04-19 15:40:18 -07:00 committed by GitHub
parent 474c4e8134
commit a43ea992a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 6 deletions

3
changelog/11360.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:improvement
ui: Updated search select component styling
```

View File

@ -92,13 +92,9 @@ div > .ember-power-select-options {
.search-select-list-item {
align-items: center;
display: flex;
margin: 0 $spacing-m;
padding: $spacing-xxs;
justify-content: space-between;
&:not(:last-child) {
border-bottom: $light-border;
}
.control .button {
color: $grey-light;

View File

@ -66,7 +66,7 @@
<div class="control">
<button type="button" class="button is-ghost" data-test-selected-list-button="delete"
{{action "discardSelection" selected}}>
<Icon @glyph="trash" />
<Icon @glyph="trash" class="has-text-grey" />
</button>
</div>
</li>