diff --git a/src/app/shared/components/selectors/language-selector/language-selector.component.html b/src/app/shared/components/selectors/language-selector/language-selector.component.html index 2367b200..1bcb7856 100644 --- a/src/app/shared/components/selectors/language-selector/language-selector.component.html +++ b/src/app/shared/components/selectors/language-selector/language-selector.component.html @@ -15,62 +15,77 @@ {{ 'LANGUAGES.' + currentLang.toUpperCase() | translate }} - - -
-
-
- + +
+ + +
+
+
+ +
-
-

- {{ 'popup.languages.title' | translate }} -

+

+ {{ 'popup.languages.title' | translate }} +

-
- -
- +
+
+ +
+
+ - -
- - -
-
- + +
+ + +
+
+ +
diff --git a/src/app/shared/components/selectors/language-selector/language-selector.component.scss b/src/app/shared/components/selectors/language-selector/language-selector.component.scss index b0227386..0e728634 100644 --- a/src/app/shared/components/selectors/language-selector/language-selector.component.scss +++ b/src/app/shared/components/selectors/language-selector/language-selector.component.scss @@ -39,9 +39,14 @@ border: 0; border-radius: 2rem; padding: 0.5rem 0.25rem; + padding-right: 1rem; &:hover { - background: $d-neutral; + background: $primary_color; + color: $white; + } + input { + height: 1.5rem; } } diff --git a/src/app/shared/components/selectors/language-selector/language-selector.component.ts b/src/app/shared/components/selectors/language-selector/language-selector.component.ts index 71e2f625..916a8ca7 100644 --- a/src/app/shared/components/selectors/language-selector/language-selector.component.ts +++ b/src/app/shared/components/selectors/language-selector/language-selector.component.ts @@ -17,7 +17,7 @@ export class LanguageSelectorComponent implements OnInit { public availableLanguages: any = ['FR', 'EN', 'ES']; language: string; language_to_apply: string; - display_lang_dialog: boolean = false; + display_lang_dialog: boolean = true; constructor( private languageService: LanguageService,