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