diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-28 14:08:49 +0100 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-28 14:14:32 +0100 |
commit | 177c5be63e65231bb3e9fb7e0042b5715ee67ca7 (patch) | |
tree | 1ed4a2841d4609169a2d421bb07fca78a1a5e16b /css | |
parent | 5cfe270faf7a79d9ada40d97222966530052e4d9 (diff) |
Properly display custom long labels
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/Properties/Properties.scss | 25 |
1 files changed, 18 insertions, 7 deletions
diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index a777054f..6d3bafc4 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -60,13 +60,19 @@ $property-value-max-width: 250px; min-width: $property-label-min-width !important; // override multiselect max-width: $property-label-max-width; - opacity: .7; user-select: none; background-size: 16px; &, - .multiselect__input::placeholder { - text-align: right; + .multiselect__input { + &::placeholder { + text-align: right; + } + + .multiselect__single { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } } &:not(.multiselect) { @@ -77,12 +83,15 @@ $property-value-max-width: 250px; } // mouse feedback + .multiselect__tags { + opacity: .7; + } &:hover, &:focus, &:active { - opacity: 1; .multiselect__tags { border-color: var(--color-border-dark); + opacity: 1; } } @@ -105,9 +114,11 @@ $property-value-max-width: 250px; background-position: center right 4px; padding-right: 24px; } - .multiselect__content-wrapper { - min-width: $property-label-max-width; // improve readability on narrow screens - } + } + .multiselect__content-wrapper { + min-width: $property-label-max-width; // improve readability on narrow screens + width: auto !important; // grow bigger if content is bigger than the original 100% + right: 0; // align right } } |