diff options
| author | Devin Griffin <[email protected]> | 2026-01-25 08:06:56 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-25 08:06:56 -0600 |
| commit | a900c8924539955f0f965c1305540ab4765b1305 (patch) | |
| tree | 3fb9fe46a61391e78d10e0864d154a7df68b53e9 /packages/ui/src | |
| parent | caecc7911d14e034b4cf2a22ae2960a395557fa1 (diff) | |
| download | opencode-a900c8924539955f0f965c1305540ab4765b1305.tar.gz opencode-a900c8924539955f0f965c1305540ab4765b1305.zip | |
fix(app): mobile horizontal scrolling due to session stat btn (#10487)
Diffstat (limited to 'packages/ui/src')
| -rw-r--r-- | packages/ui/src/components/session-turn.css | 10 | ||||
| -rw-r--r-- | packages/ui/src/components/session-turn.tsx | 12 |
2 files changed, 15 insertions, 7 deletions
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index bf143cd4f..624aae05d 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -88,9 +88,6 @@ } } - [data-slot="session-turn-response-trigger"] { - width: fit-content; - } [data-slot="session-turn-message-header"] { display: flex; @@ -483,7 +480,7 @@ } [data-slot="session-turn-collapsible-trigger-content"] { - width: fit-content; + max-width: 100%; display: flex; align-items: center; gap: 8px; @@ -514,6 +511,11 @@ color: var(--text-weak); } + [data-slot="session-turn-status-text"] { + overflow: hidden; + text-overflow: ellipsis; + } + [data-slot="session-turn-details-text"] { font-size: 13px; /* text-12-medium */ diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index 1789cbfdc..4f8ce37fb 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -593,10 +593,16 @@ export function SessionTurn( <span data-slot="session-turn-retry-attempt">(#{retry()?.attempt})</span> </Match> <Match when={working()}> - {store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")} + <span data-slot="session-turn-status-text"> + {store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")} + </span> + </Match> + <Match when={props.stepsExpanded}> + <span data-slot="session-turn-status-text">{i18n.t("ui.sessionTurn.steps.hide")}</span> + </Match> + <Match when={!props.stepsExpanded}> + <span data-slot="session-turn-status-text">{i18n.t("ui.sessionTurn.steps.show")}</span> </Match> - <Match when={props.stepsExpanded}>{i18n.t("ui.sessionTurn.steps.hide")}</Match> - <Match when={!props.stepsExpanded}>{i18n.t("ui.sessionTurn.steps.show")}</Match> </Switch> <span aria-hidden="true">ยท</span> <span aria-live="off">{store.duration}</span> |