diff options
author | Christoph Wurst <ChristophWurst@users.noreply.github.com> | 2022-10-02 16:29:48 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-10-02 16:29:48 +0200 |
commit | 4575f443fc49d597e5988e07851f4a0cbfab08cd (patch) | |
tree | e9462401896c55ef7e022e725dab0757bfc9e740 | |
parent | 312ba4f8705ac28b33a59f84dbbdf0e2c2db7adb (diff) | |
parent | f18fd06c54fa12c42a9c582503c053d6c2b46568 (diff) |
Merge pull request #3007 from nextcloud/fix/2971/yp-suffix
Fix multiselect placeholder overlapping selected tag
-rw-r--r-- | css/Properties/Properties.scss | 35 | ||||
-rw-r--r-- | src/components/Properties/PropertyGroups.vue | 3 | ||||
-rw-r--r-- | src/components/Properties/PropertyMultipleText.vue | 3 | ||||
-rw-r--r-- | src/components/Properties/PropertySelect.vue | 3 | ||||
-rw-r--r-- | src/components/Properties/PropertyText.vue | 3 |
5 files changed, 0 insertions, 47 deletions
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; - } } } diff --git a/src/components/Properties/PropertyGroups.vue b/src/components/Properties/PropertyGroups.vue index 79aba7fe..85581d38 100644 --- a/src/components/Properties/PropertyGroups.vue +++ b/src/components/Properties/PropertyGroups.vue @@ -205,11 +205,8 @@ export default { width: 60px; min-width: 60px !important; max-width: 120px; - height: 34px; - margin: 3px 5px 3px 0 !important; user-select: none; text-align: right; background-size: 16px; - line-height: 35px; } </style> diff --git a/src/components/Properties/PropertyMultipleText.vue b/src/components/Properties/PropertyMultipleText.vue index 18e1c34d..3a411bd1 100644 --- a/src/components/Properties/PropertyMultipleText.vue +++ b/src/components/Properties/PropertyMultipleText.vue @@ -139,12 +139,9 @@ export default { width: 60px; min-width: 60px !important; max-width: 120px; - height: 34px; - margin: 3px 5px 3px 0 !important; user-select: none; text-align: right; background-size: 16px; - line-height: 35px; } .property__label:not(.multiselect) { overflow: hidden; diff --git a/src/components/Properties/PropertySelect.vue b/src/components/Properties/PropertySelect.vue index f357f3ba..0ada5bf0 100644 --- a/src/components/Properties/PropertySelect.vue +++ b/src/components/Properties/PropertySelect.vue @@ -143,12 +143,9 @@ export default { width: 60px; min-width: 60px !important; max-width: 120px; - height: 34px; - margin: 3px 5px 3px 0 !important; user-select: none; text-align: right; background-size: 16px; - line-height: 35px; } </style> diff --git a/src/components/Properties/PropertyText.vue b/src/components/Properties/PropertyText.vue index 064c1025..93159790 100644 --- a/src/components/Properties/PropertyText.vue +++ b/src/components/Properties/PropertyText.vue @@ -221,11 +221,8 @@ export default { width: 60px; min-width: 60px !important; max-width: 120px; - height: 34px; - margin: 3px 5px 3px 0 !important; user-select: none; text-align: right; background-size: 16px; - line-height: 35px; } </style> |