From 2018cc1f0bd85965615ed1d40b4f246c773f69d2 Mon Sep 17 00:00:00 2001
From: k00b <k00b@stacker.news>
Date: Fri, 13 Sep 2024 19:14:36 -0500
Subject: [PATCH] fix image height in certain contexts

---
 components/text.module.css | 42 +++++++++++++++-----------------------
 1 file changed, 17 insertions(+), 25 deletions(-)

diff --git a/components/text.module.css b/components/text.module.css
index f835b86e..b0167271 100644
--- a/components/text.module.css
+++ b/components/text.module.css
@@ -149,23 +149,7 @@
     white-space: normal;
 }
 
-.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child) {
-    display: inline-block;
-    width: min-content;
-    max-width: calc(100% - var(--grid-gap));
-    margin-bottom: 0;
-}
-
-.mediaContainer ~ .mediaContainer {
-    display: inline-block;
-    width: min-content;
-    margin-right: var(--grid-gap);
-}
-
-.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child) > .mediaContainer:only-child {
-    margin-right: var(--grid-gap);
-}
-
+.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child),
 .p:has(> .mediaContainer:only-child):has(+ .p > .mediaContainer:only-child) {
     display: inline-block;
     width: min-content;
@@ -173,18 +157,27 @@
     margin-bottom: 0;
 }
 
-.p:has(> .mediaContainer:only-child):has(+ .p > .mediaContainer:only-child) > .mediaContainer:only-child {
-    margin-right: var(--grid-gap);
-}
-
-.mediaContainer:has(+ .mediaContainer) {
+.mediaContainer ~ .mediaContainer, .mediaContainer:has(+ .mediaContainer) {
     display: inline-block;
     width: min-content;
     margin-right: var(--grid-gap);
 }
 
-.mediaContainer:first-child:has(+ .mediaContainer) {
-    margin-top: var(--grid-gap);
+.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child) > .mediaContainer:only-child,
+.p:has(> .mediaContainer:only-child):has(+ .p > .mediaContainer:only-child) > .mediaContainer:only-child,
+.mediaContainer:first-child:has(+ .mediaContainer)  {
+    margin-right: var(--grid-gap);
+}
+
+.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child) > .mediaContainer:only-child img,
+.p:has(> .mediaContainer:only-child):has(+ .p > .mediaContainer:only-child) > .mediaContainer:only-child img,
+.mediaContainer ~ .mediaContainer img,
+.mediaContainer:has(+ .mediaContainer) img,
+.p:has(> .mediaContainer:only-child) ~ .p:has(> .mediaContainer:only-child) > .mediaContainer:only-child video,
+.p:has(> .mediaContainer:only-child):has(+ .p > .mediaContainer:only-child) > .mediaContainer:only-child video,
+.mediaContainer ~ .mediaContainer video,
+.mediaContainer:has(+ .mediaContainer) video {
+    block-size: stretch;
 }
 
 .mediaContainer img, .mediaContainer video {
@@ -194,7 +187,6 @@
     max-height: inherit;
     height: 100%;
     aspect-ratio: var(--aspect-ratio);
-    block-size: stretch;
 }
 
 .mediaContainer img {