conversionxl / aybolit

Lightweight web components library built with LitElement.
https://conversionxl.github.io/aybolit/
MIT License
7 stars 8 forks source link

refactor(cxl-ui): implement dashboard facelift #367

Closed freudFlintstone closed 11 months ago

freudFlintstone commented 1 year ago

https://app.clickup.com/t/86ayt69ga

dependencies: #365

freudFlintstone commented 1 year ago

Task linked: CU-86ayt69ga Dashboard facelift

github-actions[bot] commented 1 year ago

size-limit report 📦

Path Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js 69.66 KB (+0.19% 🔺)
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.83 KB (+0.12% 🔺)
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 252.03 KB (+0.07% 🔺)
pawelkmpt commented 12 months ago

@freudFlintstone please rebase and solve conflicts

heshfekry commented 11 months ago

@freudFlintstone put it back to original width not half-width then. removes the problem?

pawelkmpt commented 11 months ago

Please also make stat font consistent

Screenshot 2023-12-18 at 13 17 47

pawelkmpt commented 11 months ago

And one more thing in featured slider, image corner is visible "above" rounded corner. It should be hidden "behind".

https://www.loom.com/share/dce82d61ade041569094ef01d3a113fa?sid=7e8d288a-800a-450a-9155-32071e1f7bb1

freudFlintstone commented 11 months ago

And one more thing in featured slider, image corner is visible "above" rounded corner. It should be hidden "behind".

https://www.loom.com/share/dce82d61ade041569094ef01d3a113fa?sid=7e8d288a-800a-450a-9155-32071e1f7bb1

@pawel I had seen that already. The problem is how the browser renders those transitions. I don't have a solution yet. The obvious fix (giving the same border with overflow: hidden to the outermost parent, doesn't work). I'm going to do some research on this.