Skip to content

Commit c7dc07d

Browse files
committed
playground: hide motion-export buttons on mobile instead of balancing them
A downloaded .bvh/.glb is only useful in a desktop pipeline (Blender, a Three.js project, a game engine), so the export buttons have no real audience on a phone. Hide .tb-downloads on mobile entirely rather than laying it out as a row, which removes the third toolbar row and keeps mobile to the two rows that matter. Desktop is unchanged and still shows both buttons. Signed-off-by: Claude <noreply@anthropic.com>
1 parent c0305aa commit c7dc07d

1 file changed

Lines changed: 5 additions & 12 deletions

File tree

playground/src/style.css

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1607,19 +1607,12 @@ select:hover {
16071607
grid-row: 2;
16081608
min-height: 42px;
16091609
}
1610-
/* Motion-export buttons: one full-width row, split into two equal halves so
1611-
they read as a balanced pair instead of hugging the left of the grid. */
1610+
/* Motion export (BVH / glTF) is a desktop-pipeline action — a downloaded
1611+
.bvh/.glb is only useful in Blender, a Three.js project, or a game engine,
1612+
none of which live on the phone. Hide it on mobile to keep the toolbar to
1613+
the two rows that matter (movement + primary CTA); it stays on desktop. */
16121614
.tb-downloads {
1613-
display: flex;
1614-
grid-column: 1 / -1;
1615-
grid-row: 3;
1616-
gap: 6px;
1617-
}
1618-
.tb-downloads > .btn {
1619-
flex: 1 1 0;
1620-
min-width: 0;
1621-
min-height: 42px;
1622-
justify-content: center;
1615+
display: none;
16231616
}
16241617
.intro { padding-left: 12px; padding-right: 12px; }
16251618
.layout { grid-template-columns: 1fr; }

0 commit comments

Comments
 (0)