diff --git a/CHANGELOG.md b/CHANGELOG.md index c20952f64b..2a89343bf1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## Draft +- Fix desktop header selectors layout for Language, Currency, and Channel [#2633](https://github.com/bigcommerce/cornerstone/pull/2633) - Fix incorrect request URL for getting states [#2630](https://github.com/bigcommerce/cornerstone/pull/2630) - Make cart preview work with multi-lang by passing baseUrl to cart API calls [#2627](https://github.com/bigcommerce/cornerstone/pull/2627) diff --git a/assets/scss/components/stencil/navUser/_navUser.scss b/assets/scss/components/stencil/navUser/_navUser.scss index 5d5edfac4b..4638049100 100644 --- a/assets/scss/components/stencil/navUser/_navUser.scss +++ b/assets/scss/components/stencil/navUser/_navUser.scss @@ -98,6 +98,19 @@ stroke: stencilColor("navUser-color"); transition: all 0.15s ease; } + + &.navUser-action--currencySelector, + &.navUser-action--languageSelector, + &.navUser-action--channelSelector { + display: inline-flex; + align-items: center; + flex-wrap: nowrap; + white-space: nowrap; + + .icon { + margin: 0 0 0 spacing("quarter"); + } + } } .navUser-action--currencySelector + .dropdown-menu, diff --git a/templates/components/common/language-selector.html b/templates/components/common/language-selector.html index 124a09786d..4ae6e51b04 100644 --- a/templates/components/common/language-selector.html +++ b/templates/components/common/language-selector.html @@ -8,7 +8,9 @@ aria-expanded="false" aria-label="{{language_selector.active_language_code}}" > - {{lang 'common.locale'}} {{language_selector.active_language_code}} + + {{lang 'common.locale'}} {{language_selector.active_language_code}} +