IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better backspace handling

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-02-19 14:18:09 +01:00
parent 92ee1448d7
commit bc30ce197b
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
components/SearchInput.vue
View File

@ -204,7 +204,8 @@ export default {
},
onDelete(e) {
clearTimeout(this.searchProcess)
if (isEmpty(this.unprocessedSearchInput)) {
const value = e.target ? e.target.value.trim() : ''
if (isEmpty(value)) {
this.clear()
}
},
@ -238,8 +239,11 @@ export default {
width: 100%;
position: relative;
$padding-left: $space-x-small;
.search-option-label {
align-self: center;
padding-left: $padding-left;
}
.search-option-meta {
@ -253,6 +257,7 @@ export default {
&,
.ds-select-dropdown {
transition: box-shadow 100ms;
max-height: 70vh;
}
&.is-open {
@ -261,6 +266,11 @@ export default {
}
}
.ds-select-dropdown-message {
opacity: 0.5;
padding-left: $padding-left;
}
.search-clear-btn {
right: 0;
z-index: 10;
@ -283,17 +293,10 @@ export default {
.ds-select {
z-index: $z-index-dropdown + 1;
}
.ds-select-option-hover {
.ds-text-size-small,
.ds-text-size-small-x {
color: rgba(#fff, 0.8);
}
}
.ds-select {
transition: border-bottom 0;
background-color: $background-color-soft;
border-color: darken($background-color-soft, 10%);
}
.ds-select-is-open {
@ -301,12 +304,12 @@ export default {
border-bottom: 0;
}
}
.ds-select-dropdown-message {
opacity: 0.5;
}
.ds-select-dropdown {
max-height: 70vh;
.ds-select-option-hover {
.ds-text-size-small,
.ds-text-size-small-x {
color: rgba(#fff, 0.8);
}
}
.field {