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

feat: "See Plans" CTA for demo room #6154

Merged
merged 6 commits into from
Jul 6, 2023
Merged

feat: "See Plans" CTA for demo room #6154

merged 6 commits into from
Jul 6, 2023

Conversation

nikk15
Copy link
Contributor

@nikk15 nikk15 commented Jul 5, 2023

Demo room CTA to redirect to https://hubs.mozilla.com/#subscribe
As per designs.

Screenshot 2023-07-05 at 3 04 07 PM Screenshot 2023-07-05 at 3 04 24 PM

@nikk15
Copy link
Contributor Author

nikk15 commented Jul 5, 2023

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) {
Copy link
Contributor

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 />}
Copy link
Contributor

@nickgrato nickgrato Jul 5, 2023

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;
Copy link
Contributor

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?

@nikk15 nikk15 temporarily deployed to smoke July 6, 2023 14:51 — with GitHub Actions Inactive
@nikk15 nikk15 temporarily deployed to hc-bio July 6, 2023 14:51 — with GitHub Actions Inactive
Copy link
Contributor

@nickgrato nickgrato left a comment

Choose a reason for hiding this comment

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

LGTM

@nikk15 nikk15 merged commit 3aedbd2 into master Jul 6, 2023
@nikk15 nikk15 deleted the see-plans-cta branch July 6, 2023 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants