Add space for the dropdown in edit labels dialog

Issue #175
openscopeproject · Mar 18, 2024 · d3bd0b7 · d3bd0b7
1 parent 09ccc6a
commit d3bd0b7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/modals/common.tsx b/src/components/modals/common.tsx
@@ -239,6 +239,7 @@ interface TorrentLabelsProps {
     setLabels: React.Dispatch<string[]>,
     inputLabel?: string,
     disabled?: boolean,
+    initiallyOpened?: boolean,
 }
 
 export function TorrentLabels(props: TorrentLabelsProps) {
@@ -262,6 +263,7 @@ export function TorrentLabels(props: TorrentLabelsProps) {
             withinPortal
             searchable
             creatable
+            initiallyOpened={props.initiallyOpened}
             disabled={props.disabled}
             getCreateLabel={(query) => `+ Add ${query}`}
             onCreate={(query) => {

diff --git a/src/components/modals/editlabels.tsx b/src/components/modals/editlabels.tsx
@@ -16,7 +16,7 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Text } from "@mantine/core";
+import { Box, Text } from "@mantine/core";
 import type { ModalState } from "./common";
 import { SaveCancelModal, TorrentLabels, TorrentsNames } from "./common";
 import React, { useCallback, useEffect, useState } from "react";
@@ -97,7 +97,9 @@ export function EditLabelsModal(props: ModalState) {
                         <Text mb="md">Enter new labels for</Text>
                         <TorrentsNames />
                     </>}
-                <TorrentLabels labels={labels} setLabels={setLabels} disabled={rpcVersion < 16} />
+                <Box mih="17rem">
+                    <TorrentLabels labels={labels} setLabels={setLabels} disabled={rpcVersion < 16} initiallyOpened />
+                </Box>
             </SaveCancelModal>}
     </>;
 }