tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

fix position bottom buttons on mobile, add long lang in bigger screen for selector

Browse Source
This commit is contained in:
Tykayn 2022-02-14 11:36:41 +01:00 committed by tykayn
parent 85344e8422
commit 9cbca21aeb
3 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/shared/components/selectors/language-selector/language-selector.component.html
View File

@ -3,10 +3,16 @@
id="lang_button_popup{{ idSuffix }}" id="lang_button_popup{{ idSuffix }}"
class="lang-button" class="lang-button"
(click)="openDialogLang()" (click)="openDialogLang()"
[attr.aria-label]="'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate" [attr.aria-label]="'LANGUAGES.' + currentLang.toUpperCase() | translate"
> >
<i class="fa fa-language"></i> <i class="fa fa-language"></i>
{{ 'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate }}
<span class="short-lang is-hidden-tablet">
{{ 'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate }}
</span>
<span class="long-lang is-hidden-mobile">
{{ 'LANGUAGES.' + currentLang.toUpperCase() | translate }}
</span>
</button> </button>
<p-dialog <p-dialog
[modal]="true" [modal]="true"

15
src/app/shared/components/selectors/language-selector/language-selector.component.scss
View File

@ -11,17 +11,22 @@
} }
#lang_button_popup { #lang_button_popup {
background: transparent !important; background: transparent;
margin-right: 0.5rem;
&:hover {
background: $secondary_color;
color: $white;
.fa {
color: $white;
}
}
} }
.language-selector-container { .language-selector-container {
cursor: pointer; cursor: pointer;
color: $primary-color; color: $primary-color;
&:hover {
color: $secondary_color;
}
i { i {
color: $primary-color; color: $primary-color;
} }

1
src/styles/partials/_navigation.scss
View File

@ -71,6 +71,7 @@ a span.ui-steps-number {
width: 100%; width: 100%;
position: fixed; position: fixed;
right: 0; right: 0;
left: 0;
padding: 1rem 0.5rem; padding: 1rem 0.5rem;
.button { .button {