Template:Dialogue/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 .dialogue-box {
-     background-color: #f4f4f4;
+     background-color: var(--background-color-base);
      border: 2px solid #ddd;
      padding: 10px;
      margin: 10px 0;
      border-radius: 8px;
-     max-width: 600px; /* Prevents excessive stretching */
+     max-width: 600px;
-     width: auto; /* Auto scales with content */
+     width: auto;
+    height: auto;
      display: flex;
      flex-direction: column;
@@ Line 27: / Line 28: @@
      width: 100%;
      white-space: normal;
-}
-/* Allow each dialogue item to expand dynamically */
-.dialogue-box > div {
-    width: 100%;
 }