Ensure bubbles are nicely sized on perma

2024-09-12 16:32:31 -05:00
parent ca1b8e03e7
commit cc69d84c96
2 changed files with 12 additions and 1 deletions
@@ -65,7 +65,9 @@
  }

  .bubble__perma & {
-    --bubble-size: 65vh !important;
+    --bubble-size: 100% !important;
+
+    z-index: 1;
  }
 }

@@ -216,6 +218,11 @@
  position: relative;
 }

+.bubble__perma {
+  block-size: 65cqb;
+  max-inline-size: 100%;
+}
+
 .bubble__svg {
  fill: var(--color-bg);
  pointer-events: none;
@@ -6,6 +6,10 @@
  font-size: clamp(1rem, 1.6cqi, 2rem);
  max-inline-size: 70ch;
  row-gap: var(--comment-padding-block);
+
+  > :first-child {
+    margin-block-start: var(--comment-padding-block);
+  }
 }

 .comment__avatar {