Skip to content

Commit d9d094a

Browse files
authored
fix(tui): keep question form highlights on the raised surface (#52872)
1 parent d113a40 commit d9d094a

1 file changed

Lines changed: 6 additions & 18 deletions

File tree

‎packages/tui/src/routes/session/form.tsx‎

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -806,13 +806,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
806806
return (
807807
<box
808808
paddingRight={2}
809-
backgroundColor={
810-
isTab()
811-
? theme.background.formfield.selected
812-
: tabHover() === index()
813-
? theme.background.formfield.focused
814-
: theme.background.raised.base
815-
}
809+
backgroundColor={theme.background.raised.base}
816810
onMouseOver={() => setTabHover(index())}
817811
onMouseOut={() => setTabHover(null)}
818812
onMouseUp={() => {
@@ -828,13 +822,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
828822
}}
829823
</For>
830824
<box
831-
backgroundColor={
832-
confirm()
833-
? theme.background.formfield.selected
834-
: tabHover() === "confirm"
835-
? theme.background.formfield.focused
836-
: theme.background.raised.base
837-
}
825+
backgroundColor={theme.background.raised.base}
838826
onMouseOver={() => setTabHover("confirm")}
839827
onMouseOut={() => setTabHover(null)}
840828
onMouseUp={() => {
@@ -941,15 +929,15 @@ export function FormPrompt(props: { form: FormWithLocation }) {
941929
>
942930
<box flexDirection="row">
943931
<box
944-
backgroundColor={active() ? theme.background.formfield.focused : theme.background.raised.base}
932+
backgroundColor={theme.background.raised.base}
945933
paddingRight={1}
946934
>
947935
<text
948936
fg={active() ? theme.text.formfield.focused : theme.text.muted}
949937
>{`${i() + 1}.`}</text>
950938
</box>
951939
<box
952-
backgroundColor={active() ? theme.background.formfield.focused : theme.background.raised.base}
940+
backgroundColor={theme.background.raised.base}
953941
flexDirection="row"
954942
>
955943
<Show when={multi()}>
@@ -995,7 +983,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
995983
>
996984
<box flexDirection="row">
997985
<box
998-
backgroundColor={other() ? theme.background.formfield.focused : theme.background.raised.base}
986+
backgroundColor={theme.background.raised.base}
999987
paddingRight={1}
1000988
>
1001989
<text fg={other() ? theme.text.formfield.focused : theme.text.muted}>
@@ -1005,7 +993,7 @@ export function FormPrompt(props: { form: FormWithLocation }) {
1005993
<box
1006994
flexDirection="row"
1007995
flexGrow={1}
1008-
backgroundColor={other() ? theme.background.formfield.focused : theme.background.raised.base}
996+
backgroundColor={theme.background.raised.base}
1009997
>
1010998
<Show when={multi()}>
1011999
<text

0 commit comments

Comments
 (0)