fixes done for lang bar
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user