Okay, so a clean-up is needed for button placement...
# proj-agent-canvas
b
Okay, so a clean-up is needed for button placements in canvas. I'd like to employ standard rules that can be included in a design.md eventually for future vibing. The problem: We currently use a variety of different placements for buttons on the page and in modals. (See graphic) Solution: I know different people have preferences here, there is no universal "best practice" (I did look it up) — the best is to just be consistent. In modals I'd like to propose... TWO OPTIONS: Align-left with dominant button on left. OR Align-right with dominant button on right. (See Images) IF a modal is smaller width we can full-width the buttons. I'm fine to not enforce this rule if we'd prefer to keep our rules simpler—we'd have no full or half-width buttons in modals. My preference is left-aligned but I know a lot of people like the right-aligned—my main concern is consistency. On a page: Always align-left with primary button (like Save) on left (this IS best practice) so it aligns with the page content IF the button row is on the bottom of the page. (There is one exception made for wizards) (SEE IMAGES ATTACHED)
👍 1
m
Currently, we are using the right-aligned version for our modals. We can try pulling the latest code from the main branch. Please feel free to let me know if you’d like to make any changes. Thank you very much! thankyou