diff --git a/client/src/mobile/components/MRail.tsx b/client/src/mobile/components/MRail.tsx index c80ac4733..4121a8792 100644 --- a/client/src/mobile/components/MRail.tsx +++ b/client/src/mobile/components/MRail.tsx @@ -97,6 +97,11 @@ export function MRailSpacer() { interface MRailButtonProps { label: string; active: boolean; + /** + * Opens a sheet rather than a section (More): while that sheet is open the button wears + * the ring the phone dock's More wears, so the rail says where the sheet came from. + */ + expanded?: boolean; onClick: () => void; /** The icon, drawn at 20px. */ children: ReactNode; @@ -108,19 +113,24 @@ interface MRailButtonProps { * and never shrunk: it wraps into a second, balanced line where its language * needs one, and only a word longer than the rail is hyphenated. */ -export function MRailButton({ label, active, onClick, children }: MRailButtonProps) { +export function MRailButton({ label, active, expanded, onClick, children }: MRailButtonProps) { return (