Phone flows: the menu, a dialog, a new post, a reply and a reaction by thumb
FlowTests drive the narrowest phone through what landed so far, each opened menu, sheet or dialog checked to be whole on the screen with 44px targets (fit.js measures inside a scope now): the menu closes after a choice, an outside tap and Escape; "Liked by" rises from the bottom and closes from its button; a new post is written in the sheet the round button opens from a scrolled feed, with the words focused; a reply is written in a sheet; a reaction is picked from the React sheet, through the one-time public notice, and taken back. Cells client.mobile.flow.*. The menu's dark-mode toggle gets a 44px hit area and a name, and the public notice dialog marks itself for the tests. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
1 parent
071bcce4b0
commit
8f15d0d5c1
5 files changed
+211
-8
No files matched your search
@@ -112,7 +112,8 @@
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end">
|
||||
<DToggle Value="IsDark" ValueChanged="UpdateThemeDarkMode" ValueExpression="() => IsDark">
|
||||
<DToggle Value="IsDark" ValueChanged="UpdateThemeDarkMode" ValueExpression="() => IsDark" class="touch-target"
|
||||
aria-label="@Localizer["Dark mode"]" title="@Localizer["Dark mode"]">
|
||||
<UncheckedIcon>
|
||||
<i class="ion-md-sunny"></i>
|
||||
</UncheckedIcon>
|
||||
|
||||
Reference in new issue
Block a user