feat: clarify municipality-first workbench flow

2026-07-26 03:17:03 +02:00
parent d79f751773
commit 5efcf94d82
9 changed files with 245 additions and 28 deletions
@@ -996,6 +996,74 @@ body {
  }
 }

+/* Senior UX audit: compact navigation, safe text containment and task-first map flow. */
+@media (min-width: 1361px) {
+  .workbench-layout { grid-template-columns: 13.25rem minmax(0, 1fr); }
+}
+
+.workbench-shell :where(.entity-card, .dataset-card, .quality-check-card, .system-provider-card, .data-selection-summary) { min-width: 0; }
+.workbench-shell :where(.entity-card, .dataset-card, .quality-check-card, .system-provider-card, .data-selection-summary) :where(strong, span, p, small),
+.workspace-heading-actions > p,
+.geo-source-summary :where(strong, small) { max-width: 100%; overflow-wrap: anywhere; }
+.context-bar > div { flex: 1 1 0; }
+.context-bar strong { max-width: 100%; }
+
+.geo-explorer-header { grid-template-columns: minmax(0, 1fr) auto; }
+.geo-explorer-header-tools { display: flex; gap: 0.55rem; align-items: center; }
+.geo-analysis-mode { align-items: stretch; grid-template-columns: repeat(2, minmax(6.5rem, 1fr)); }
+.geo-analysis-mode button { display: grid; place-items: center; white-space: nowrap; }
+.geo-explorer { grid-template-rows: auto auto minmax(0, 1fr) auto; }
+
+.municipality-search {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: minmax(17rem, 0.75fr) minmax(17rem, 1fr) auto auto;
+  gap: 0.75rem;
+  align-items: center;
+  border-bottom: 1px solid var(--atlas-line);
+  padding: 0.65rem 1rem;
+  background: #f4fbf9;
+}
+.municipality-search-copy { display: flex; min-width: 0; gap: 0.7rem; align-items: center; }
+.municipality-search-copy > div { display: grid; min-width: 0; gap: 0.12rem; }
+.municipality-search-copy strong { font-size: 0.78rem; }
+.municipality-search-copy small { color: var(--atlas-muted); font-size: 0.62rem; overflow-wrap: anywhere; }
+.municipality-step { display: inline-flex; flex: 0 0 auto; gap: 0.3rem; align-items: center; border-radius: 999px; padding: 0.35rem 0.52rem; background: var(--atlas-900); color: #fff; font-size: 0.57rem; font-weight: 750; text-transform: uppercase; }
+.municipality-step svg { width: 0.8rem; height: 0.8rem; }
+.municipality-search label { position: relative; min-width: 0; }
+.municipality-search label > svg { position: absolute; top: 50%; left: 0.72rem; width: 0.95rem; height: 0.95rem; color: var(--atlas-muted); transform: translateY(-50%); pointer-events: none; }
+.municipality-search input { width: 100%; min-width: 0; padding-left: 2.15rem; }
+.municipality-search-status { color: var(--atlas-muted); font-size: 0.62rem; white-space: nowrap; }
+.quality-user-empty-state .button-row { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.9rem; }
+
+.system-command-surface { display: grid; grid-template-columns: repeat(2, minmax(10rem, 0.5fr)) minmax(22rem, 1.4fr); gap: 0.75rem; align-items: center; margin-bottom: 0.9rem; border: 1px solid var(--atlas-line); border-radius: var(--atlas-radius-md); padding: 0.9rem; background: var(--atlas-50); }
+.system-command-surface > div:not(.system-command-actions) { display: grid; gap: 0.2rem; }
+.system-command-surface span { color: var(--atlas-muted); font-size: 0.62rem; }
+.system-command-surface strong { font-size: 0.78rem; overflow-wrap: anywhere; }
+.system-command-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; }
+
+@media (max-width: 1180px) and (min-width: 921px) {
+  .municipality-search { grid-template-columns: minmax(13rem, 0.8fr) minmax(15rem, 1fr) auto; }
+  .municipality-search-status { display: none; }
+}
+@media (max-width: 920px) {
+  .municipality-search { grid-template-columns: minmax(0, 1fr) auto; }
+  .municipality-search-copy { grid-column: 1 / -1; }
+  .municipality-search-status { display: none; }
+  .system-command-surface { grid-template-columns: 1fr 1fr; }
+  .system-command-actions { grid-column: 1 / -1; justify-content: flex-start; }
+}
+@media (max-width: 620px) {
+  .geo-explorer-header { grid-template-columns: 1fr; }
+  .geo-explorer-header-tools { justify-content: space-between; }
+  .geo-analysis-mode { flex: 1 1 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .municipality-search { grid-template-columns: 1fr; }
+  .municipality-search-copy { grid-column: auto; }
+  .municipality-search button { width: 100%; }
+  .system-command-surface { grid-template-columns: 1fr; }
+  .system-command-actions { grid-column: auto; }
+}
+
 /* Workspace identity illustrations */

 .workspace-heading {