Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

improvement: support full-width input UI elements #190

Merged
merged 5 commits into from
Oct 9, 2023
Merged

Conversation

mscolnick
Copy link
Contributor

@mscolnick mscolnick commented Oct 9, 2023

Added to these elements

  • mo.ui.text,
  • mo.ui.text_area
  • mo.ui.button
  • mo.ui.number
  • mo.ui.dropdown
  • mo.ui.multiselect
  • mo.ui.date

Note in the smoke test, full width does not apply when its parent is flex (e.g. a hstack). There is a fixable solution by making it flex: 1 and then updating a few components to be display: contents. but this can break other elements. easier to show live, but my guess is we can support this later

@vercel
Copy link

vercel bot commented Oct 9, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
marimo-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 9, 2023 11:32pm
marimo-storybook ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 9, 2023 11:32pm

@mscolnick mscolnick changed the title improvement: support full-widith mo.ui.text() improvement: support full-widith input UI elements Oct 9, 2023
@akshayka
Copy link
Contributor

akshayka commented Oct 9, 2023

Note in the smoke test, full width does not apply when its parent is flex (e.g. a hstack). There is a fixable solution by making it flex: 1 and then updating a few components to be display: contents. but this can break other elements. easier to show live, but my guess is we can support this later

I think this is fine.

@akshayka akshayka changed the title improvement: support full-widith input UI elements improvement: support full-width input UI elements Oct 9, 2023
@akshayka akshayka merged commit 26351f5 into main Oct 9, 2023
19 checks passed
@akshayka akshayka deleted the ms/add-full-width branch October 9, 2023 23:32
@github-actions github-actions bot locked and limited conversation to collaborators Oct 9, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants