Skip to content

Commit

Permalink
Adjust style of NcSelect to match other input elements
Browse files Browse the repository at this point in the history
* Border should be primary color on hover
* Border should be stay primary color if active
* Unify the style of the `no-options` slot with `NcMultiselect`

Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de>
  • Loading branch information
susnux committed Jan 31, 2023
1 parent d5ea772 commit cf38325
Showing 1 changed file with 17 additions and 0 deletions.
17 changes: 17 additions & 0 deletions src/components/NcSelect/NcSelect.vue
Original file line number Diff line number Diff line change
Expand Up @@ -983,7 +983,20 @@ export default {
}
}
.v-select {
&:not(.vs--open) .vs__dropdown-toggle:hover {
border-color: var(--color-primary);
}
&.vs--open .vs__dropdown-toggle {
border-color: var(--color-primary);
border-bottom-color: transparent;
}
}
.vs__dropdown-menu {
border-color: var(--color-primary);
&--floating {
width: max-content;
position: absolute;
Expand All @@ -997,5 +1010,9 @@ export default {
box-shadow: 0px -1px 1px 0px var(--color-box-shadow);
}
}
.vs__no-options {
color: var(--color-text-lighter)
}
}
</style>

0 comments on commit cf38325

Please sign in to comment.