Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

add VisuallyHidden tab text to InvokeTabs

Browse Source
This commit is contained in:
ElrikUnderlake 2023-03-06 22:42:04 -06:00
parent 89a8ef86b5
commit 42c1f1fc9d
No known key found for this signature in database
GPG Key ID: E9A5CF18AF6E2C67
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
View File

@ -6,6 +6,7 @@ import {
TabPanels, TabPanels,
Tabs, Tabs,
Tooltip, Tooltip,
VisuallyHidden,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { RootState } from 'app/store'; import { RootState } from 'app/store';
import { useAppDispatch, useAppSelector } from 'app/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/storeHooks';
@ -164,7 +165,12 @@ export default function InvokeTabs() {
label={tabDict[key as keyof typeof tabDict].tooltip} label={tabDict[key as keyof typeof tabDict].tooltip}
placement="end" placement="end"
> >
<Tab>{tabDict[key as keyof typeof tabDict].title}</Tab> <Tab>
<VisuallyHidden>
{tabDict[key as keyof typeof tabDict].tooltip}
</VisuallyHidden>
{tabDict[key as keyof typeof tabDict].title}
</Tab>
</Tooltip> </Tooltip>
); );
}); });