From f18fd06c54fa12c42a9c582503c053d6c2b46568 Mon Sep 17 00:00:00 2001 From: Richard Steinmetz Date: Sun, 2 Oct 2022 16:15:05 +0200 Subject: Fix multiselect placeholder overlapping selected tag Fix #2971 Signed-off-by: Richard Steinmetz --- css/Properties/Properties.scss | 35 ----------------------------------- 1 file changed, 35 deletions(-) (limited to 'css') diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index 3c225e0c..e2a7973c 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -60,24 +60,6 @@ $property-ext-padding-right: 8px; width: $property-label-min-width; min-width: $property-label-min-width !important; // override multiselect max-width: $property-label-max-width; - height: $grid-input-height-with-margin; - margin: $grid-input-margin 5px $grid-input-margin 0 !important; // override multiselect - user-select: none; - text-align: right; - background-size: 16px; - line-height: $grid-input-height-with-margin + 1px; - - &, - .multiselect__input { - &::placeholder { - text-align: right; - } - + .multiselect__single { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - } &:not(.multiselect) { overflow: hidden; @@ -114,23 +96,6 @@ $property-ext-padding-right: 8px; &__label.multiselect { .multiselect__tags { border: none !important; // override multiselect - .multiselect__single { - padding-right: 24px; - background-repeat: no-repeat; - background-position: center right 4px; - } - } - .multiselect__content-wrapper { - right: 0; // align right - width: auto !important; // grow bigger if content is bigger than the original 100% - min-width: $property-label-max-width; // improve readability on narrow screens - } - @media only screen and (max-width: 768px) { - // align left of screen on narrow views - .multiselect__content-wrapper { - right: auto; - left: 0; - } } } -- cgit v1.2.3