fix(shian): make search toggles not conflict with menu toggles

This commit is contained in:
Damillora 2021-07-11 00:52:33 +07:00
parent 78c1bd6421
commit 62ab8aa6ba
2 changed files with 15 additions and 8 deletions

View File

@ -37,16 +37,19 @@
&__nav-main { &__nav-main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
overflow-y: hidden;
@include transition;
@include screen(md) { @include screen(md) {
flex-direction: row; flex-direction: row;
} }
&.hidden { &.hidden {
display: none; height: 0;
@include screen(md) { @include screen(md) {
display: flex; height: 100%;
} }
} }
} }

View File

@ -132,11 +132,15 @@
} }
} }
#darkMode { .site-header {
.menu__text { &.search-enabled {
display: block; height: 100%;
@include screen(md) {
display: none;
} }
&.search-enabled &__inner {
background: rgba(0, 0, 0, 0.5);
}
&.search-detached &__inner {
background: rgba(0, 0, 0, 0.5);
} }
} }