Fix for #1336

morpheus65535 · Mar 27, 2021 · 14fe4b0 · 14fe4b0
1 parent f08295c
commit 14fe4b0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/frontend/src/@scss/bazarr.scss b/frontend/src/@scss/bazarr.scss
@@ -19,3 +19,18 @@ body {
 .progress-bar {
   cursor: default;
 }
+
+.dropdown-toggle-wrap {
+  position: relative;
+  &::after {
+    position: absolute;
+    right: 0.1rem;
+    bottom: 50%;
+  }
+  span {
+    display: block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 30vw;
+  }
+}
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx
@@ -140,10 +140,10 @@ export const ManualSearchModal: FunctionComponent<Props & BaseModalProps> = (
               <Dropdown>
                 <Dropdown.Toggle
                   disabled={value.length === 1}
-                  className="dropdown-hidden text-dark"
+                  className="dropdown-hidden text-dark dropdown-toggle-wrap"
                   variant={value.length === 1 ? "link" : "light"}
                 >
-                  {display}
+                  <span>{display}</span>
                 </Dropdown.Toggle>
                 <Dropdown.Menu>{items}</Dropdown.Menu>
               </Dropdown>