Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests 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 }}"
class="lang-button"
(click)="openDialogLang()"
[attr.aria-label]="'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate"
[attr.aria-label]="'LANGUAGES.' + currentLang.toUpperCase() | translate"
>
<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>
<p-dialog
[modal]="true"

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

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

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

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