diff --git a/apps/presentation/dashboard/docs/assets/status-only-after-desktop.png b/apps/presentation/dashboard/docs/assets/status-only-after-desktop.png new file mode 100644 index 0000000000..39165b277a Binary files /dev/null and b/apps/presentation/dashboard/docs/assets/status-only-after-desktop.png differ diff --git a/apps/presentation/dashboard/docs/assets/status-only-after-phone.png b/apps/presentation/dashboard/docs/assets/status-only-after-phone.png new file mode 100644 index 0000000000..2f659ed64f Binary files /dev/null and b/apps/presentation/dashboard/docs/assets/status-only-after-phone.png differ diff --git a/apps/presentation/dashboard/docs/assets/status-only-before-desktop.png b/apps/presentation/dashboard/docs/assets/status-only-before-desktop.png new file mode 100644 index 0000000000..d1d8bfbeaa Binary files /dev/null and b/apps/presentation/dashboard/docs/assets/status-only-before-desktop.png differ diff --git a/apps/presentation/dashboard/docs/assets/status-only-before-phone.png b/apps/presentation/dashboard/docs/assets/status-only-before-phone.png new file mode 100644 index 0000000000..1c66489efd Binary files /dev/null and b/apps/presentation/dashboard/docs/assets/status-only-before-phone.png differ diff --git a/apps/presentation/dashboard/docs/assets/status-only-goal-en-phone.png b/apps/presentation/dashboard/docs/assets/status-only-goal-en-phone.png new file mode 100644 index 0000000000..00183b776b Binary files /dev/null and b/apps/presentation/dashboard/docs/assets/status-only-goal-en-phone.png differ diff --git a/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css b/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css index 09b19db44a..dda47243da 100644 --- a/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css +++ b/apps/presentation/dashboard/src/features/personal-workspace/personal-workspace.css @@ -319,6 +319,8 @@ button.personal-execution-chip:focus-visible { outline: 2px solid #0070f3; outli .personal-refresh-control.is-error small { color: var(--pw-red); } .personal-icon-button { display: inline-grid; flex: 0 0 36px; place-items: center; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border: 1px solid var(--pw-line); border-radius: 10px; background: #fff; color: var(--pw-muted); cursor: pointer; } .personal-icon-button:hover { border-color: var(--pw-line-strong); color: var(--pw-text); } +.personal-status-mode[aria-pressed="true"] { display: inline-flex; flex-basis: auto; justify-content: center; gap: 6px; width: auto; padding-inline: 9px; font-size: var(--text-body); line-height: var(--leading-body); white-space: nowrap; } +.personal-status-mode > svg { flex: none; } .personal-channel-scroll { overflow: auto; min-width: 0; min-height: 0; padding: 22px max(26px, calc((100% - 820px) / 2)); } .personal-channel-scroll[data-active-goal-view="tasks"]:has(.personal-task-kanban) { padding-inline: max(26px, calc((100vw - 1240px) / 2 - 150px)); } .personal-channel-scroll[data-active-goal-view="tasks"]:has(.personal-task-board) { overflow: hidden; }