header layout fix
This commit is contained in:
@@ -328,6 +328,10 @@
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.novo-mobile-controls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.novo-cart {
|
||||
position: relative;
|
||||
color: var(--text-primary);
|
||||
@@ -409,7 +413,8 @@
|
||||
transition: max-height 0.3s;
|
||||
|
||||
&.novo-nav-open {
|
||||
max-height: 300px;
|
||||
max-height: calc(100dvh - 65px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.novo-nav-links {
|
||||
@@ -434,6 +439,25 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.novo-right {
|
||||
flex: 0 0 auto;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.novo-right > app-region-selector,
|
||||
.novo-right > app-language-selector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.novo-mobile-controls {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 1rem 2rem 1.25rem;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.novo-menu-toggle {
|
||||
display: flex;
|
||||
@@ -714,10 +738,20 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.dexar-mobile-controls {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.dexar-menu-toggle {
|
||||
position: relative;
|
||||
z-index: 1001;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
@@ -841,7 +875,7 @@
|
||||
|
||||
// Hide desktop language selector
|
||||
.dexar-lang-desktop {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.dexar-search-wrapper {
|
||||
@@ -903,9 +937,10 @@
|
||||
transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
|
||||
|
||||
&.dexar-mobile-menu-open {
|
||||
max-height: 700px;
|
||||
max-height: calc(100dvh - 84px);
|
||||
padding: 28px 20px 32px;
|
||||
opacity: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -914,8 +949,8 @@
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.dexar-mobile-lang {
|
||||
margin-top: 16px;
|
||||
.dexar-mobile-controls {
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user