[staging] css: refrain from exploding tall image out of overlay staging

2 files changed, 8 insertions, 2 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 8c53f877..c4c7f381 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -3333,10 +3333,13 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 }
 
 #image-overlay-content-container {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
   border-radius: 0 0 8px 8px;
   border: 2px solid var(--primary-color);
   background: var(--deep-ghost-color);
-  overflow: hidden;
 
   box-shadow:
     0 0 90px 30px #00000060,
@@ -3358,6 +3361,7 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 #image-overlay-image-layout {
   display: block;
   position: relative;
+  max-height: 100%;
   margin: 4px 3px;
   background: rgba(0, 0, 0, 0.65);
 }
@@ -3371,6 +3375,8 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 
 #image-overlay-image {
   position: absolute;
+  max-height: 100%;
+  object-fit: contain;
 }
 
 #image-overlay-container.no-thumb #image-overlay-image {
diff --git a/src/urls-default.yaml b/src/urls-default.yaml
index c590300e..790b4c9e 100644
--- a/src/urls-default.yaml
+++ b/src/urls-default.yaml
@@ -11,7 +11,7 @@ yamlAliases:
   # part of a build. This is so that multiple builds of a wiki can coexist
   # served from the same server / file system root: older builds' HTML files
   # refer to earlier values of STATIC_VERSION, avoiding name collisions.
-  - &staticVersion 5r4
+  - &staticVersion 5r5
 
 data:
   prefix: 'data/'