Fix misaligned image occlusions in RTL languages (#3018)

This commit is contained in:
Abdo 2024-02-22 07:10:36 +03:00 committed by GitHub
parent 00c67fc0c7
commit 0018f126ea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,8 +1,7 @@
#image-occlusion-container {
position: relative;
// if height-constrained, ensure container is centered
left: 50%;
transform: translate(-50%, 0);
margin: 0 auto;
// allow for 20px margin on html element, or short windows can truncate
// image
max-height: calc(95vh - 40px);