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;
|
||||
|
||||
&.dexar-mobile-menu-open {
|
||||
max-height: 576px;
|
||||
max-height: 700px;
|
||||
padding: 28px 20px 32px;
|
||||
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[] = [
|
||||
{ code: 'ru', name: 'Русский', flag: '🇷🇺', flagSvg: '/flags/ru.svg', enabled: true },
|
||||
{ code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: false },
|
||||
{ code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: false }
|
||||
{ code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: true },
|
||||
{ code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: true }
|
||||
];
|
||||
|
||||
currentLanguage = this.currentLanguageSignal.asReadonly();
|
||||
|
||||
Reference in New Issue
Block a user