-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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
feat: "See Plans" CTA for demo room #6154
Conversation
NOTE: This component has very specific styling and composition, hence the new component rather than the existing Lilypad button. If we decide to use this styling further, I can create a BrandButton component specific for this use in Lilypad. |
& > * { | ||
margin-right: 24px; | ||
} | ||
:local(.centerContent) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if you can somehow get rid of the camelCase here that would be awesome. If it's baked in, no big.
@@ -19,12 +27,12 @@ function MoreMenuItem({ item, closePopover }) { | |||
target={item.target || "_blank"} | |||
rel="noopener noreferrer" | |||
> | |||
<Icon /> | |||
{item.icon?.src ? <img src={item.icon.src} alt={imageAltText} /> : <Icon />} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
can you move this logic to line 11? Then you could leave both of these as "Icon" and on line 11 it gets assigned the right asset?
color: var(--color-interaction-primary); | ||
width: fit-content; | ||
min-width: 132px; | ||
font-size: 14px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
are all the font sixes "px" in the project?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Demo room CTA to redirect to https://hubs.mozilla.com/#subscribe
As per designs.