Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-07 17:02:38 +01:00
Code Issues Projects Releases Wiki Activity

Fix tag select breaking layout

Browse source
This commit is contained in:
WithoutPants 2024-09-23 10:28:43 +10:00
parent 82f4a8f671
commit a20fbe33c0
2 changed files with 10 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
ui/v2.5/src/components/Tags/TagSelect.tsx
View file

@ -54,13 +54,13 @@ function sortTagsByRelevance(input: string, tags: FindTagsResult) {
const tagSelectSort = PatchFunction("TagSelect.sort", sortTagsByRelevance); const tagSelectSort = PatchFunction("TagSelect.sort", sortTagsByRelevance);
const _TagSelect: React.FC< export type TagSelectProps = IFilterProps &
IFilterProps & IFilterValueProps<Tag> & {
IFilterValueProps<Tag> & { hoverPlacement?: Placement;
hoverPlacement?: Placement; excludeIds?: string[];
excludeIds?: string[]; };
}
> = (props) => { const _TagSelect: React.FC<TagSelectProps> = (props) => {
const [createTag] = useTagCreate(); const [createTag] = useTagCreate();
const { configuration } = React.useContext(ConfigurationContext); const { configuration } = React.useContext(ConfigurationContext);

11
ui/v2.5/src/hooks/tagsEdit.tsx
View file

@ -1,7 +1,7 @@
import * as GQL from "src/core/generated-graphql"; import * as GQL from "src/core/generated-graphql";
import { useTagCreate } from "src/core/StashService"; import { useTagCreate } from "src/core/StashService";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Tag, TagSelect } from "src/components/Tags/TagSelect"; import { Tag, TagSelect, TagSelectProps } from "src/components/Tags/TagSelect";
import { useToast } from "src/hooks/Toast"; import { useToast } from "src/hooks/Toast";
import { useIntl } from "react-intl"; import { useIntl } from "react-intl";
import { Badge, Button } from "react-bootstrap"; import { Badge, Button } from "react-bootstrap";
@ -125,15 +125,10 @@ export function useTagsEdit(
return ret; return ret;
} }
function tagsControl() { function tagsControl(props?: TagSelectProps) {
return ( return (
<> <>
<TagSelect <TagSelect isMulti onSelect={onSetTags} values={tags} {...props} />
menuPortalTarget={document.body}
isMulti
onSelect={onSetTags}
values={tags}
/>
{renderNewTags()} {renderNewTags()}
</> </>
); );