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:
parent
474c4e8134
commit
a43ea992a9
|
@ -0,0 +1,3 @@
|
|||
```release-note:improvement
|
||||
ui: Updated search select component styling
|
||||
```
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue