▾ 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
@@ -1184,7 +1184,15 @@ 1184 [:vbox {:spacing 8 :margin 12 :fill-height true 1184 [:vbox {:spacing 8 :margin 12 :fill-height true 1185 :on-key (fn [k] 1185 :on-key (fn [k] 1186 (when (= k "ctrl+end") (actions/jump-to-present!)))} 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 ;; The way back to the list, on a window with room for one thing at a 1196 ;; The way back to the list, on a window with room for one thing at a 1189 ;; time. Beside the list there is nothing to go back to, so the button 1197 ;; time. Beside the list there is nothing to go back to, so the button 1190 ;; goes — in a wrapper of its own, since a child that comes and goes 1198 ;; goes — in a wrapper of its own, since a child that comes and goes