scottk/vault
1
0
Fork 0
mirror of https://github.com/optim-enterprises-bv/vault.git synced 2025-11-18 19:05:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated search select component styling (#11360)

Browse Source 
* 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 df82928854
commit e6b6d38fa1
3 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
changelog/11360.txt Normal file
View File

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

4
ui/app/styles/components/search-select.scss
View File

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

2
ui/lib/core/addon/templates/components/search-select.hbs
View File

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