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

refactor(cxl-ui): cxl-course-card, dashboard #391

Merged
merged 4 commits into from
Jan 29, 2024

Conversation

pawelkmpt
Copy link

  • remove new (star) icon
  • make tag more prominent, styled as one from cxl-light-card

https://app.clickup.com/t/86az50h3y?comment=90140017966111

BEFORE
Screenshot 2024-01-25 at 08 00 12

AFTER
Screenshot 2024-01-25 at 07 59 35

@pawelkmpt pawelkmpt self-assigned this Jan 25, 2024
@pawelkmpt
Copy link
Author

Copy link

github-actions bot commented Jan 25, 2024

size-limit report 📦

Path Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js 71.93 KB (+0.08% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js 11.89 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js 28.93 KB (0%)
packages/cxl-ui/pkg/dist-web/vendor.js 140.5 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js, packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js, packages/cxl-ui/pkg/dist-web/cxl-ui.js, packages/cxl-ui/pkg/dist-web/manifest.js, packages/cxl-ui/pkg/dist-web/unresolved.js, packages/cxl-ui/pkg/dist-web/vendor.js 254.41 KB (+0.03% 🔺)

@anoblet
Copy link
Collaborator

anoblet commented Jan 25, 2024

We might be able to use badge from Vaadin in the future: https://vaadin.com/docs/latest/components/badge

@anoblet
Copy link
Collaborator

anoblet commented Jan 25, 2024

Since the height of the pill is larger than the tags, I would suggest vertically aligning everything.

.tags {
  align-items: center;
}

* remove new (star) icon
* make tag more prominent, styled as one from cxl-light-card

https://app.clickup.com/t/86az50h3y?comment=90140017966111
Make it a real section component for dashboard, keep consitent paddings
and avoid inline code defining it.
@pawelkmpt
Copy link
Author

Since the height of the pill is larger than the tags, I would suggest vertically aligning everything.

.tags {
  align-items: center;
}

Done @anoblet :)

@pawelkmpt pawelkmpt changed the title refactor(cxl-ui): cxl-course-card "new" icon and tag refactor(cxl-ui): cxl-course-card, dashboard Jan 29, 2024
@pawelkmpt pawelkmpt merged commit e3a35ad into master Jan 29, 2024
5 checks passed
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