Clean up modal idioms #14

New Issue

Closed

opened 2026-02-17 18:05:24 +00:00 by hodlbod · 1 comment

hodlbod commented 2026-02-17 18:05:24 +00:00

Owner

Copy Link

Copy Source

Imported from https://github.com/andotherstuff/universes/issues/14 by @staab on 2025-11-13T23:20:07Z

---

The way elements are arranged in modals is all over the place. You can't always put stuff in the same place because you might have too many buttons for mobile. The best layout I've come up with is the profile dialog, which uses an overflow menu for less-used actions.

_Imported from https://github.com/andotherstuff/universes/issues/14 by @staab on 2025-11-13T23:20:07Z_ --- The way elements are arranged in modals is all over the place. You can't always put stuff in the same place because you might have too many buttons for mobile. The best layout I've come up with is the profile dialog, which uses an overflow menu for less-used actions. <img width="556" height="354" alt="Image" src="https://github.com/user-attachments/assets/e42e4b11-3567-4b7e-89ed-f4c6d382d4ef" /> <img width="547" height="635" alt="Image" src="https://github.com/user-attachments/assets/d5b1f802-7de3-4f86-9b92-0850b2bf2374" /> <img width="555" height="732" alt="Image" src="https://github.com/user-attachments/assets/76754a17-a035-4251-a851-f52e502e14e1" /> <img width="542" height="566" alt="Image" src="https://github.com/user-attachments/assets/b1ac8ca7-2510-4820-bdfb-0ee3b30ac309" /> <img width="549" height="294" alt="Image" src="https://github.com/user-attachments/assets/53a8480a-f882-4c0b-b7b7-f0904782aaf3" /> <img width="556" height="389" alt="Image" src="https://github.com/user-attachments/assets/d70bee93-ddef-4fed-a1c9-4109d1913efb" />

hodlbod added this to the Current milestone 2026-02-17 18:05:24 +00:00

hodlbod commented 2026-02-17 18:05:24 +00:00

Author

Owner

Copy Link

Copy Source

Comment by @staab on 2026-02-10T19:40:10Z

Fixed in 72f2effd

_Comment by @staab on 2026-02-10T19:40:10Z_ Fixed in 72f2effd

hodlbod closed this issue 2026-02-17 18:05:24 +00:00

Sign in to join this conversation.

No Branch/Tag Specified

Branches Tags

dev

master

hodlbod/sandbox

video-demo

1.8.0

1.7.4

1.7.3

1.7.2

1.7.1

1.7.0

1.6.5

1.6.4

1.6.3

1.6.2

1.6.1

1.6.0

1.5.3

1.5.2

1.5.1

1.5.0

1.4.1

1.4.0

1.3.1

1.3.0

1.2.5

1.2.4

1.2.3

1.2.2

1.2.1

1.2.0

1.1.1

1.1.0

0.1.1

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0

0.2.14

0.2.13

0.2.12

0.2.11

0.2.10

0.2.9

0.2.8

0.2.7

0.2.6

0.2.5

0.2.4

0.2.3

0.2.2

0.2.1

0.2.0

0.1.0

Labels

Clear labels

design

For issues related to design work. Development should be done in another issue and refer back to this one.

dev

Issues related to development work

easy

Issues that can be executed on by new contributors

idea

For issues that aren't yet actionable

priority

For issues related to high priority features and bugs

usability

Issues that have to be validated with real live human beings.

No Label

Milestone

No items

No Milestone Current

Projects

Clear projects

No project

Assignees

Clear assignees

hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: coracle/flotilla#14