initial commit after split

2026-06-24 01:43:21 +02:00
parent 23213b15e2
commit d922b7701c
47 changed files with 4432 additions and 0 deletions
--- a/webui/src/styles/mail-profiles.css
+++ b/webui/src/styles/mail-profiles.css
@@ -0,0 +1,195 @@
+.admin-form-grid.three-columns {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.button-icon-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+}
+
+.mail-profile-manager {
+  display: grid;
+  gap: 18px;
+}
+
+
+.mail-profile-target-row {
+  max-width: 520px;
+}
+
+.mail-profile-table-surface {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+.mail-profile-table-surface > .data-grid-shell {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+.card-body > .mail-profile-table-surface:only-child {
+  margin: -22px -24px;
+  width: calc(100% + 48px);
+  max-width: inherit;
+}
+
+.card-body > .mail-profile-table-surface:only-child > .data-grid-shell {
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.mail-profile-dialog .dialog-body {
+  max-height: min(76vh, 820px);
+  overflow: auto;
+}
+
+.mail-profile-form {
+  display: grid;
+  gap: 18px;
+}
+
+.mail-profile-form h3,
+.mail-policy-section h3,
+.mail-policy-pattern-grid h4 {
+  margin: 0;
+  color: var(--text-strong);
+}
+
+.mail-profile-imap-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  padding-top: 4px;
+}
+
+.mail-credential-inheritance-row {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(220px, 1fr));
+  gap: 12px;
+  max-width: 760px;
+}
+
+.mail-policy-editor {
+  display: grid;
+  gap: 18px;
+}
+
+.mail-policy-description {
+  margin: 0;
+}
+
+.mail-policy-section {
+  display: grid;
+  gap: 12px;
+  padding-top: 4px;
+}
+
+.mail-profile-checkbox-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 10px;
+}
+
+.mail-profile-checkbox {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: 10px;
+  padding: 10px 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+}
+
+.mail-profile-checkbox input {
+  width: auto;
+  margin-top: 3px;
+  box-shadow: none;
+}
+
+.mail-profile-checkbox span {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
+.mail-profile-checkbox small {
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+
+.mail-policy-pattern-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18px;
+}
+
+.mail-policy-pattern-grid > div {
+  display: grid;
+  gap: 12px;
+  align-content: start;
+}
+
+.mail-policy-effective {
+  border-top: 1px solid var(--line);
+  padding-top: 14px;
+}
+
+.mail-policy-effective-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.mail-policy-effective-grid div {
+  display: grid;
+  gap: 3px;
+  padding: 10px 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  background: var(--surface-subtle);
+}
+
+.mail-policy-effective-grid span {
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.mail-policy-effective-grid strong {
+  color: var(--text-strong);
+}
+
+.status-badge.success {
+  background: var(--success-bg);
+  color: var(--success-text);
+}
+
+.status-badge.neutral {
+  background: #e7e4df;
+  color: #666;
+}
+
+@media (max-width: 900px) {
+  .admin-form-grid.three-columns,
+  .mail-policy-pattern-grid,
+  .mail-policy-effective-grid {
+    grid-template-columns: 1fr;
+  }
+
+
+  .mail-credential-inheritance-row {
+    grid-template-columns: 1fr;
+  }
+
+  .mail-profile-imap-heading {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}