fixes done for lang bar
This commit is contained in:
@@ -903,7 +903,7 @@
|
|||||||
transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
|
transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
|
||||||
|
|
||||||
&.dexar-mobile-menu-open {
|
&.dexar-mobile-menu-open {
|
||||||
max-height: 576px;
|
max-height: 700px;
|
||||||
padding: 28px 20px 32px;
|
padding: 28px 20px 32px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -258,3 +258,46 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Inside mobile menu: use inline dropdown instead of absolute
|
||||||
|
// to avoid being clipped by overflow: hidden on the menu panel
|
||||||
|
:host-context(.dexar-mobile-menu),
|
||||||
|
:host-context(.dexar-mobile-lang) {
|
||||||
|
.language-selector {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.language-dropdown {
|
||||||
|
position: static;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: none;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: max-height 0.3s ease, visibility 0s 0.3s;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-top: 8px;
|
||||||
|
background: rgba(233, 237, 241, 0.9);
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
visibility: visible;
|
||||||
|
max-height: 200px;
|
||||||
|
transition: max-height 0.3s ease, visibility 0s 0s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.language-option {
|
||||||
|
color: #1e3c38;
|
||||||
|
|
||||||
|
&:hover:not(.disabled) {
|
||||||
|
background: rgba(161, 180, 181, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background: rgba(73, 118, 113, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -17,8 +17,8 @@ export class LanguageService {
|
|||||||
|
|
||||||
languages: Language[] = [
|
languages: Language[] = [
|
||||||
{ code: 'ru', name: 'Русский', flag: '🇷🇺', flagSvg: '/flags/ru.svg', enabled: true },
|
{ code: 'ru', name: 'Русский', flag: '🇷🇺', flagSvg: '/flags/ru.svg', enabled: true },
|
||||||
{ code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: false },
|
{ code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: true },
|
||||||
{ code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: false }
|
{ code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: true }
|
||||||
];
|
];
|
||||||
|
|
||||||
currentLanguage = this.currentLanguageSignal.asReadonly();
|
currentLanguage = this.currentLanguageSignal.asReadonly();
|
||||||
|
|||||||
Reference in New Issue
Block a user