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.

Sign up for GitHub

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

Jump to bottom

Update megadropdown styles #4326

Closed
6 tasks done
alizedebray opened this issue Dec 18, 2024 · 0 comments · Fixed by #4350
Closed
6 tasks done

Update megadropdown styles #4326

alizedebray opened this issue Dec 18, 2024 · 0 comments · Fixed by #4350
Assignees
@leagrdv
Labels
📦 components Related to the @swisspost/design-system-components package
Milestone
PPNL Support

Comments

@alizedebray
Copy link
Contributor

alizedebray commented Dec 18, 2024 •
edited by leagrdv
Loading

The style of the megadropdown are currently not matching the Figma design.

  • The links should have an inline padding
  • The links should have a thicker and bigger font on desktop
  • The link's bottom border should be thicker on hover and there should be an arrow icon
  • The back button should have a .btn-sm class
  • The megadropdown should be positioned right after the header on mobile
  • The heading on mobile should never be a link

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=6505-34294&m=dev

Image
@alizedebray alizedebray added the 📦 components Related to the @swisspost/design-system-components package label Dec 18, 2024
@alizedebray alizedebray added this to the Design v2 milestone Dec 18, 2024
@alizedebray alizedebray changed the title Update megadropdown hover styles Update megadropdown styles Dec 18, 2024
@alizedebray alizedebray moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 18, 2024
@alizedebray alizedebray modified the milestones: Design v2, PPNL Support Dec 18, 2024
@leagrdv leagrdv self-assigned this Dec 19, 2024
@leagrdv leagrdv moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Dec 20, 2024
@leagrdv leagrdv linked a pull request Dec 20, 2024 that will close this issue
fix(components): update styles of megadropdown #4350
Merged
@leagrdv leagrdv moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Dec 20, 2024
@leagrdv leagrdv moved this from 🤬 Dev in Code Review to 🕹️ Coding in progress in Design System Production Board Jan 3, 2025
@leagrdv leagrdv moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Jan 3, 2025
@github-project-automation github-project-automation bot moved this from 🤬 Dev in Code Review to 🚀 Done in Design System Production Board Jan 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
📦 components Related to the @swisspost/design-system-components package
Projects
Design System Production Board
Status: 🚀 Done
Milestone
PPNL Support
Development

Successfully merging a pull request may close this issue.

fix(components): update styles of megadropdown swisspost/design-system
2 participants
@alizedebray @leagrdv