Template:Dialogue/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 .dialogue-box {
-     background-color: var(--background-color-base);
+     background-color: #f4f4f4;
      border: 2px solid #ddd;
      padding: 10px;
      margin: 10px 0;
      border-radius: 8px;
-     max-width: 500px;
+     max-width: 600px; /* Prevents excessive stretching */
-     width: 100%;
+     width: auto; /* Auto scales with content */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
-    min-height: auto; /* Allow height to grow dynamically */
 }
@@ Line 27: / Line 26: @@
      word-wrap: break-word;
      width: 100%;
+    white-space: normal;
 }
-/* Ensure the dialogue box expands when more text is present */
+/* Allow each dialogue item to expand dynamically */
 .dialogue-box > div {
-    flex-grow: 1;
      width: 100%;
 }