From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 28 Aug 2024 23:39:14 +0000 (-0700)
Subject: Fix: correct select field wrapping with long text (#7572)
X-Git-Tag: v2.12.0~1^2~24
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f5ec6de04747c8a6c163aa037ccc1f5b54e6e18b;p=thirdparty%2Fpaperless-ngx.git

Fix: correct select field wrapping with long text (#7572)
---

diff --git a/src-ui/src/app/components/common/input/select/select.component.scss b/src-ui/src/app/components/common/input/select/select.component.scss
index 31466423f5..4a6f6da610 100644
--- a/src-ui/src/app/components/common/input/select/select.component.scss
+++ b/src-ui/src/app/components/common/input/select/select.component.scss
@@ -27,3 +27,11 @@
     background-position: right calc(0.375em + 0.1875rem) center !important;
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
 }
+
+.input-group .ng-select-taggable:first-child:nth-last-child(2) {
+    max-width: calc(100% - 45px); // fudge factor for (1x) ng-select button width
+}
+
+.input-group .ng-select-taggable:first-child:nth-last-child(3) {
+    max-width: calc(100% - 90px); // fudge factor for (2x) ng-select button width
+}