acid-info/logos-press-engine
1
0
Fork 0
mirror of https://github.com/acid-info/logos-press-engine.git synced 2025-02-22 06:08:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

handle really large image captions

Browse Source
This commit is contained in:
jongomez 2023-09-25 18:06:47 +01:00 committed by Jon
parent 32e3d33010
commit 634ccf157d
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/LightBox/LightBox.tsx
View File

@ -50,7 +50,7 @@ export const useLightBox = (): UseLightBoxReturnType => {
const vh = window.innerHeight
const maxWidth = isMobile ? vw - 32 : vw * 0.9375
const maxHeight = vh - 128
const maxHeight = vh - 160
const rect = element.getBoundingClientRect()
@ -226,7 +226,11 @@ const LightBoxCaption = styled.figcaption<{ isActive?: boolean }>`
props.isActive &&
`
${lsdUtils.typography('body1')}
z-index: 202;
z-index: 202;
// The following will prevent very large captions from overflowing / being cut off.
height: 72px;
overflow: auto;
`}
// Edge case: when users are pinch zooming and press exit fullscreen - opacity will be 0.