snapshot of https://github.com/zulip/zulip.git @ 48c69911c7dd4e03b20552eb3bd77ad8151c1357 (2026-09-15)

web/styles/portico/email_log.css

@@ -0,0 +1,134 @@
+#dev-email-log-container {
+    .dev-email-log-header {
+        position: fixed;
+        font-family: sans-serif;
+        font-size: 14px;
+    }
+
+    .dev-email-log-header,
+    .dev-forward-email-alert {
+        padding: 10px;
+        border: 1px solid hsl(190deg 65% 84%);
+        border-radius: 4px;
+        background-color: hsl(200deg 65% 91%);
+        color: hsl(200deg 50% 45%);
+    }
+
+    .dev-email-log-actions,
+    .dev-forward-email-alert {
+        & a {
+            color: hsl(200deg 50% 45%);
+
+            &:hover {
+                color: hsl(200deg 56% 33%);
+            }
+        }
+    }
+
+    .dev-email-log-actions {
+        padding-bottom: 5px;
+    }
+
+    .dev-email-log-text-only {
+        text-align: right;
+    }
+
+    .dev-email-log-content {
+        padding-top: 100px;
+        max-width: 1000px;
+
+        & h4 {
+            color: hsl(0deg 0% 20%);
+            margin: 2px 10px;
+        }
+
+        .email-text,
+        .email-html {
+            margin: 10px;
+        }
+
+        .email-text pre {
+            font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+            color: hsl(0deg 0% 20%);
+            display: block;
+            padding: 9.5px;
+            margin: 0 0 10px;
+            font-size: 13px;
+            line-height: 20px;
+            word-break: break-all;
+            overflow-wrap: break-word;
+            white-space: pre-wrap;
+            background-color: hsl(0deg 0% 96%);
+            border: 1px solid hsl(0deg 0% 75%);
+            border-radius: 4px;
+        }
+    }
+
+    #smtp_form_status,
+    .hide {
+        display: none;
+    }
+
+    #forward_email_modal {
+        .modal__content label {
+            font-size: 1rem;
+            display: block;
+            cursor: pointer;
+        }
+
+        #forward_address_sections,
+        .dev-forward-email-alert {
+            margin: 5px 0;
+        }
+
+        & label.radio {
+            padding-left: 20px;
+        }
+
+        & input[type="radio"] {
+            float: left;
+            width: auto;
+            cursor: pointer;
+            margin: -4px 0 0 -20px;
+            line-height: normal;
+
+            &:focus {
+                outline: 1px dotted hsl(0deg 0% 20%);
+                outline: 5px auto -webkit-focus-ring-color;
+                outline-offset: -2px;
+            }
+        }
+
+        & input[type="text"] {
+            padding: 4px 6px;
+            color: hsl(0deg 0% 33%);
+            border-radius: 4px;
+            border: 1px solid hsl(0deg 0% 80%);
+            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
+            transition:
+                border-color linear 0.2s,
+                box-shadow linear 0.2s;
+            margin-bottom: 10px;
+            width: 206px;
+
+            &:focus {
+                border-color: hsl(206deg 80% 62% / 80%);
+                outline: 0;
+                box-shadow:
+                    inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+                    0 0 8px hsl(206deg 80% 62% / 60%);
+            }
+        }
+    }
+
+    & input[type="checkbox"] {
+        width: auto;
+        cursor: pointer;
+
+        &:focus {
+            outline: 1px dotted hsl(0deg 0% 20%);
+            outline: 5px auto -webkit-focus-ring-color;
+            outline-offset: -2px;
+        }
+    }
+}