matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: improve alt popover styles

Browse Source 
Signed-off-by: mkljczk <git@mkljczk.pl>
This commit is contained in:
mkljczk
2025-03-17 12:02:05 +01:00
parent d9adda7c5e
commit d0c6cf2e62
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/pl-fe/index.html
View File

@ -23,4 +23,4 @@
</div> </div>
<noscript>To use this website, please enable JavaScript.</noscript> <noscript>To use this website, please enable JavaScript.</noscript>
</body> </body>
</html> </html>

5
packages/pl-fe/src/components/media-gallery.tsx
View File

@ -193,15 +193,16 @@ const Item: React.FC<IItem> = ({
interaction='click' interaction='click'
referenceElementClassName='cursor-pointer' referenceElementClassName='cursor-pointer'
content={ content={
<Stack space={1} className='max-w-80'> <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
<Text weight='semibold'> <Text weight='semibold'>
<FormattedMessage id='media-gallery.description' defaultMessage='Image description' /> <FormattedMessage id='media-gallery.description' defaultMessage='Image description' />
</Text> </Text>
<Text> <Text className='whitespace-pre-wrap'>
{attachment.description} {attachment.description}
</Text> </Text>
</Stack> </Stack>
} }
isFlush
> >
<AltIndicator className='absolute bottom-2 left-2 z-10 opacity-80 transition-opacity hover:opacity-100' /> <AltIndicator className='absolute bottom-2 left-2 z-10 opacity-80 transition-opacity hover:opacity-100' />
</Popover> </Popover>