Skip to content

Design tab columns - #140

Closed
angiehemans wants to merge 5 commits into
plasmicapp:masterfrom
angiehemans:design-tab-columns
Closed

Design tab columns#140
angiehemans wants to merge 5 commits into
plasmicapp:masterfrom
angiehemans:design-tab-columns

Conversation

@angiehemans

Copy link
Copy Markdown
Contributor

Updated the design of the "Size" section of the design tab to be more compact and use a two column layout.
size-changes

@vercel

vercel Bot commented May 1, 2025

Copy link
Copy Markdown

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

Name Status Preview Comments Updated (UTC)
plasmic-cms-i18n ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 6, 2025 4:31pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
react-email-demo ⬜️ Ignored (Inspect) May 6, 2025 4:31pm

@vercel

vercel Bot commented May 1, 2025

Copy link
Copy Markdown

@angiehemans is attempting to deploy a commit to the Plasmic Team on Vercel.

A member of the Team first needs to authorize it.

will cause it to stretch to fill the parent container.
</div>
}
<>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this fragment necessary?

super(props);
this.state = {
showMore: false,
isOpen: true,

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is this added as a state? I don't think it ever changes.

Also, since it is now a stateless component, can you change it to a functional component?


function toDisplay(val: string, stretchLabel: string, isRoot: boolean) {
if (val === "wrap") {
val = "Hug content";

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think there might be more instances of "Hug content" scattered around the codebase. Maybe you could store this string in a variable in Labels.ts? Same with the other labels.

display: "grid",
gridTemplateColumns: "1fr ".repeat(props.children.length),
gridColumnGap: 24,
gridColumnGap: 28,

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bit concerned at changing the gap for all FullRow instances... why was this needed?

@alex-noel
alex-noel requested a review from jaslong May 7, 2025 11:04
@jaslong jaslong closed this Apr 26, 2026
@github-actions github-actions Bot locked and limited conversation to collaborators Apr 26, 2026
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