Telekom header language switcher not visible

telekom / scale

Scale is the digital design system for Telekom products and experiences.

https://telekom.github.io/scale/

Other

372 stars 82 forks source link

Telekom header language switcher not visible #2293

Open nikolab-pn opened 6 months ago

nikolab-pn commented 6 months ago

Scale Version beta 150

Framework and version React

Current Behavior Language switcher buttons are moved outside of viewport

Expected Behavior Buttons should be visible

Code Reproduction .scale-telekom-nav-item > button in telekom-profile-menu.css should be scoped so it doen't change language switcher button padding

tshimber commented 3 weeks ago

hi @nikolab-pn ! could you please clearify, what component is affected as there are deprecated and new headers. and maybe add screenshot? in the new header lang swither seem to look ok for me:

-- it's here also with profile menu, it disappears on scroll

nikolab-pn commented 2 weeks ago

The issue is visible if inside scale-telekom-nav-item instead of a element button element is used. It's not a big issue, but it's also easy fix

How it looks

How it should look

tshimber commented 2 weeks ago

@nikolab-pn thank you for clarification! we'll fix it