diff options
| -rw-r--r-- | frontend/src/@scss/bazarr.scss | 15 | ||||
| -rw-r--r-- | frontend/src/components/modals/ManualSearchModal.tsx | 4 |
2 files changed, 17 insertions, 2 deletions
diff --git a/frontend/src/@scss/bazarr.scss b/frontend/src/@scss/bazarr.scss index 0c606d032..e6b68b13f 100644 --- 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 index 879070e8b..378cb285d 100644 --- 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> |