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(cxl-ui): improve navigation responsiveness #336

Merged
merged 2 commits into from
Sep 26, 2023

Conversation

freudFlintstone
Copy link

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

The main bug is fixed, but this also includes fixes other user experience issues:

  • nav bar is now scrolling enabled, scroll buttons had the wrong color and were not visible
  • Odd states emerged from too many different responsiveness thresholds
  • small layout and design fixes

@github-actions
Copy link

github-actions bot commented Sep 21, 2023

size-limit report 📦

Path Size
packages/cxl-ui/pkg/dist-web/cxl-ui.js 63.22 KB (+0.03% 🔺)
packages/cxl-ui/pkg/dist-web/cxl-ui-jwplayer.js 11.87 KB (0%)
packages/cxl-ui/pkg/dist-web/cxl-ui-playbooks.js 27.54 KB (+0.07% 🔺)
packages/cxl-ui/pkg/dist-web/vendor.js 135.58 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 239.37 KB (+0.02% 🔺)

@anoblet
Copy link
Collaborator

anoblet commented Sep 22, 2023

Possibly related: #311

@@ -67,77 +101,6 @@ $vaadin-tab-horizontal-padding: 0.75rem;
margin-left: auto;
}

// Featured course slider

Choose a reason for hiding this comment

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

Why it's suddenly gone? It's not about menu

Copy link
Author

@freudFlintstone freudFlintstone Sep 22, 2023

Choose a reason for hiding this comment

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

It's was in the wrong place, it belongs to cxl-tabs-slider.scss. I had already copied it over, but chose to keep this until we merged the other issue. Now it was making it harder to compare files and find the menu bug, so I cleaned it up.

@pawelkmpt pawelkmpt force-pushed the raphael/fix/navigation/mobile-screens-bug branch from 4528f87 to c67c7a5 Compare September 26, 2023 11:09
@pawelkmpt pawelkmpt merged commit 9116605 into master Sep 26, 2023
@pawelkmpt pawelkmpt deleted the raphael/fix/navigation/mobile-screens-bug branch September 26, 2023 11:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants