diff options
Diffstat (limited to 'core/css/inputs.scss')
| -rw-r--r-- | core/css/inputs.scss | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index fb595cdc6ab..e6060d2c8c8 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -782,7 +782,7 @@ input { color: nc-lighten($color-main-text, 33%); width: 100%; /* selected checkmark icon */ - &:not(.multiselect__option--disabled)::before { + &::before { content: ' '; background-image: url('../img/actions/checkmark.svg?v=1'); background-repeat: no-repeat; @@ -790,12 +790,13 @@ input { min-width: 16px; min-height: 16px; display: block; - opacity: 0.5; + opacity: .5; margin-right: 5px; visibility: hidden; } &.multiselect__option--disabled { - background-color: nc-darken($color-main-background, 8%); + background-color: nc-darken($color-main-background, 8%); + opacity: .5; } /* add the prop tag-placeholder="create" to add the + * icon on top of an unknown-and-ready-to-be-created entry @@ -809,11 +810,15 @@ input { &.multiselect__option--highlight { color: $color-main-text; } - &.multiselect__option--selected { - &::before { - visibility: visible; - } - } + &:not(.multiselect__option--disabled):hover::before { + opacity: .3; + } + &.multiselect__option--selected, + &:not(.multiselect__option--disabled):hover { + &::before { + visibility: visible; + } + } } } } |