nandi/frq · 5fcc566

nandi/frqpublic⑂ Fork 0

⑂ 5fcc566

Let the chat header wrap rather than crop a button

← Chats, the room's name, People and Overview do not fit across a phone's
360 points, and in a Row every one of them is a flex child sharing what
there is — so Overview was allotted a quarter of the width and painted
itself "Overvi…". Wrapped, each control takes the width of its own label
and the row runs onto a second line when it has to. A window wide enough
for one line is unchanged, and the libcosmic backend lays the row out
itself and ignores the prop.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

nandi committed 2026-09-12T09:29:42-07:00 Browse files

5fcc566 parent: ce82425

modified common/frq/screens/chat.cljc +9 -1 Viewed

@@ -1184,7 +1184,15 @@
1184	1184	[:vbox {:spacing 8 :margin 12 :fill-height true
1185	1185	:on-key (fn [k]
1186	1186	(when (= k "ctrl+end") (actions/jump-to-present!)))}
1187		- [:hbox {:spacing 8}
	1187	+ ;; Wrapping, because on a phone this row asks for more than there is:
	1188	+ ;; ← Chats, the room's name, People and Overview do not fit across 360
	1189	+ ;; points, and in a Row every one of them is a flex child sharing what
	1190	+ ;; there is — so Overview was allotted a quarter of the width and painted
	1191	+ ;; itself "Overvi…". Wrapped, each control takes the width of its own
	1192	+ ;; label and the row runs onto a second line when it has to. On a window
	1193	+ ;; wide enough for one line this changes nothing, and the libcosmic
	1194	+ ;; backend lays the row out itself and ignores the prop.
	1195	+ [:hbox {:spacing 8 :wrap true}
1188	1196	;; The way back to the list, on a window with room for one thing at a
1189	1197	;; time. Beside the list there is nothing to go back to, so the button
1190	1198	;; goes — in a wrapper of its own, since a child that comes and goes

      [:vbox {:spacing 8 :margin 12 :fill-height true
              :on-key (fn [k]
                        (when (= k "ctrl+end") (actions/jump-to-present!)))}
--     [:hbox {:spacing 8}
++     ;; Wrapping, because on a phone this row asks for more than there is:
++     ;; ← Chats, the room's name, People and Overview do not fit across 360
++     ;; points, and in a Row every one of them is a flex child sharing what
++     ;; there is — so Overview was allotted a quarter of the width and painted
++     ;; itself "Overvi…". Wrapped, each control takes the width of its own
++     ;; label and the row runs onto a second line when it has to. On a window
++     ;; wide enough for one line this changes nothing, and the libcosmic
++     ;; backend lays the row out itself and ignores the prop.
++     [:hbox {:spacing 8 :wrap true}
        ;; The way back to the list, on a window with room for one thing at a
        ;; time. Beside the list there is nothing to go back to, so the button
        ;; goes — in a wrapper of its own, since a child that comes and goes