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

Card full modifier #177

Merged
merged 1 commit into from
Nov 15, 2021
Merged

Conversation

elgandoz
Copy link
Contributor

@elgandoz elgandoz commented Nov 8, 2021

Adds card nsw-card--full modifier class, as per requirement in nsw.gov.au.
Also fixes the border bottom radius for focus state in all the cards.

The card full modifier displays best if max 2 card are available, and it respects the other modifiers.
On mobile, they look exactly as regular cards.

Screen Shot 2021-11-10 at 10 11 54 am

Screen Shot 2021-11-10 at 10 12 33 am

Screen Shot 2021-11-10 at 10 13 15 am

NB: starterkit not updated!

@tjharrop
Copy link
Contributor

tjharrop commented Nov 8, 2021

Awesome! Pulling down to have a look now - thanks!

@@ -5,8 +5,7 @@
overflow: hidden;
height: 100%;
color: var(--nsw-text-dark);
border-top-left-radius: var(--nsw-border-radius);
border-top-right-radius: var(--nsw-border-radius);
border-radius: var(--nsw-border-radius);
Copy link
Contributor Author

@elgandoz elgandoz Nov 8, 2021

Choose a reason for hiding this comment

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

This is mainly to fix the focus outline to be rounded at the bottom as well, for consistency with the rest of the components.
Screen Shot 2021-11-09 at 10 45 58 am

{{#>_docs-example}}
<div class="nsw-grid">
<div class="nsw-col nsw-col-lg-6">
{{>_card model.card-image-1 full=true}}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I didn't pick the modifier name "full", probably we can come with something easier to grasp, unless you're happy with that

Copy link
Contributor

Choose a reason for hiding this comment

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

I'll tag in @amy-howard on this one, she might have a name in mind

@elgandoz elgandoz force-pushed the master branch 2 times, most recently from 5f0c838 to 4b295b1 Compare November 8, 2021 23:49
@elgandoz elgandoz marked this pull request as ready for review November 8, 2021 23:55
@tjharrop tjharrop changed the base branch from master to feature/horizontal-card November 15, 2021 01:20
@tjharrop
Copy link
Contributor

Merging into feature branch for name change

@tjharrop tjharrop merged commit a17464d into digitalnsw:feature/horizontal-card Nov 15, 2021
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