From 771e42ae87d3425f2f0c69e0e6876a48f36eba06 Mon Sep 17 00:00:00 2001 From: Roie Natan Date: Sun, 26 Nov 2023 19:50:31 -0500 Subject: [PATCH] . --- .../Header/LanguageDropdown/LanguageDropdown.tsx | 1 + .../components/Header/LanguageDropdown/index.scss | 12 ++++++++++++ 2 files changed, 13 insertions(+) diff --git a/src/shared/components/Header/LanguageDropdown/LanguageDropdown.tsx b/src/shared/components/Header/LanguageDropdown/LanguageDropdown.tsx index 807e13c97a..447d72147a 100644 --- a/src/shared/components/Header/LanguageDropdown/LanguageDropdown.tsx +++ b/src/shared/components/Header/LanguageDropdown/LanguageDropdown.tsx @@ -41,6 +41,7 @@ const LanguageDropdown: FC = (props) => { menuButton: "language-dropdown__menu-button", menuItem: "language-dropdown__menu-item", value: "language-dropdown__value", + menu: "language-dropdown__menu", }} /> ); diff --git a/src/shared/components/Header/LanguageDropdown/index.scss b/src/shared/components/Header/LanguageDropdown/index.scss index 978bcf49cb..41a3a81dcd 100644 --- a/src/shared/components/Header/LanguageDropdown/index.scss +++ b/src/shared/components/Header/LanguageDropdown/index.scss @@ -4,6 +4,7 @@ .language-dropdown__menu-button { background-color: transparent; border: 0; + background-color: $white; color: $black; @include big-phone { @@ -12,18 +13,29 @@ } } +.language-dropdown__menu { + border-color: $c-gray-5; +} + .language-dropdown__item--rtl { text-align: right; direction: rtl; } .language-dropdown__menu-item { + background-color: $white; + color: $black; + &:hover { + background-color: $c-pink-hover-feed-cards; + } @include big-phone { text-align: center; } } .language-dropdown__value { + background-color: $white; + color: $black; @include big-phone { flex: unset; font-size: $moderate;