Structural changes

2026-06-10 15:30:45 +02:00
parent 7de516c5e3
commit fcc46b06fe
16 changed files with 825 additions and 347 deletions
--- a/src/styles/campaign-workspace.css
+++ b/src/styles/campaign-workspace.css
@@ -918,3 +918,116 @@
  cursor: not-allowed;
  opacity: 1;
 }
+
+/* Recipient/profile split pages. */
+.recipient-address-table th:nth-child(1),
+.recipient-address-table td:nth-child(1) { width: 42px; }
+.recipient-address-table th:last-child,
+.recipient-address-table td:last-child { width: 123px; }
+.recipient-address-table td { vertical-align: top; }
+.recipient-address-table .email-address-input { min-width: 220px; }
+.recipient-address-table .toggle-switch { white-space: nowrap; }
+
+.recipient-data-table th:nth-child(1),
+.recipient-data-table td:nth-child(1) { min-width: 240px; }
+.recipient-data-table th:nth-child(2),
+.recipient-data-table td:nth-child(2) { min-width: 192px; }
+.recipient-data-table td { vertical-align: top; }
+.recipient-data-identity-cell { white-space: normal !important; }
+.recipient-data-identity {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: 260px;
+  color: var(--ink);
+  text-decoration: none;
+}
+.recipient-data-identity:hover .recipient-data-address {
+  text-decoration: underline;
+}
+.recipient-data-number,
+.recipient-extra-bubble {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 24px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: var(--panel-soft);
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 800;
+  padding: 0 8px;
+  white-space: nowrap;
+}
+.recipient-data-address {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Recipient data split: align the identifier column with the recipient profile table. */
+.recipient-data-table th:nth-child(1),
+.recipient-data-table td:nth-child(1) { min-width: 72px; width: 72px; }
+.recipient-data-table th:nth-child(2),
+.recipient-data-table td:nth-child(2) { min-width: 240px; }
+.recipient-data-table th:nth-child(3),
+.recipient-data-table td:nth-child(3) { min-width: 192px; }
+.recipient-index-cell { white-space: nowrap; }
+
+/* Admin overview and address book mock module. */
+.admin-overview-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 12px;
+}
+.admin-overview-link {
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--panel-soft);
+  padding: 14px;
+  text-align: left;
+  cursor: pointer;
+  color: var(--text);
+}
+.admin-overview-link:hover {
+  background: #fff;
+  border-color: var(--line-dark);
+}
+.admin-overview-link strong {
+  display: block;
+  color: var(--text-strong);
+  margin-bottom: 5px;
+}
+.admin-overview-link span {
+  display: block;
+  color: var(--muted);
+  font-size: 13px;
+  line-height: 1.35;
+}
+.module-workspace-single {
+  grid-template-columns: minmax(0, 1fr);
+}
+.address-book-scope-list {
+  display: grid;
+  gap: 10px;
+}
+.address-book-scope-card {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--panel-soft);
+  padding: 14px;
+}
+.address-book-scope-card strong {
+  display: block;
+  color: var(--text-strong);
+}
+.address-book-scope-card p {
+  margin: 5px 0 0;
+  color: var(--muted);
+}