diff --git a/src/components/Select.vue b/src/components/Select.vue index 13e8285..201c2ea 100644 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -115,13 +115,17 @@ float: left; line-height: 24px; } - .v-select .selected-tag.single { + .v-select.single .selected-tag { background-color: transparent; border-color: transparent; } - .v-select.open .selected-tag.single { + .v-select.single.open .selected-tag { position: absolute; - opacity: 0.5; + opacity: .5; + } + .v-select.single.open.searching .selected-tag, + .v-select.single.loading .selected-tag { + display: none; } .v-select .selected-tag .close { float: none; @@ -139,6 +143,9 @@ filter: alpha(opacity=20); opacity: .2; } + .v-select.single.searching:not(.open):not(.loading) input[type="search"] { + opacity: .2; + } /* Search Input */ .v-select input[type="search"]::-webkit-search-decoration, .v-select input[type="search"]::-webkit-search-cancel-button, @@ -262,7 +269,7 @@