fix(story-mode): a phone's bar breaks after close again, now the turn picker is gone from it

The picker took a row of its own and so pushed the reading levels to the next line. With it in the
composer, close squeezed in beside the title and Save image wrapped alone. A full-width
pseudo-element between close and the levels breaks the row; its height is the gap.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer committed 2026-10-19 06:10:40 +02:00
1 parent dea8a4d24f
commit 5c2dde2a6a
1 file changed
+9 -1
+9 -1
View File
@@ -256,9 +256,17 @@ body.story-open {
picker is in the composer at the bottom. */
@media (max-width: 600px) {
.story-bar {
gap: 8px 10px;
gap: 0 10px;
padding-block: 8px;
}
/* The row break: a full-width item between close (order 1) and the levels (order 3). The turn
picker used to force it; it lives in the composer now. Its height is the gap between the rows. */
.story-bar::after {
content: '';
order: 2;
flex-basis: 100%;
height: 8px;
}
.story-brand {
order: 0;
flex: 1 1 0;