mirror of https://gitlab.com/curben/blog
fix: overlap the mobile nav onto other elements
This commit is contained in:
parent
176974cd87
commit
ffe99717de
|
@ -1403,13 +1403,23 @@ pre .keyword {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* align the text (in nav menu) to right */
|
|
||||||
/* set line-height in /archives page */
|
/* set line-height in /archives page */
|
||||||
.mobile-nav-menu {
|
.mobile-nav-menu {
|
||||||
text-align: right;
|
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* overlap other elements */
|
||||||
|
.mobile-nav-link {
|
||||||
|
background: #3f3f3f;
|
||||||
|
border: 2px solid #999;
|
||||||
|
border-radius: 5px;
|
||||||
|
right: 0;
|
||||||
|
margin-left: 5px;
|
||||||
|
padding: 10px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
/* search bar */
|
/* search bar */
|
||||||
.searchContainer {
|
.searchContainer {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -1502,11 +1512,6 @@ svg {
|
||||||
#mobile-menu-toggle:checked + .mobile-nav-link {
|
#mobile-menu-toggle:checked + .mobile-nav-link {
|
||||||
display: grid;
|
display: grid;
|
||||||
display: -ms-grid;
|
display: -ms-grid;
|
||||||
border: 2px solid #999;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-left: 5px;
|
|
||||||
padding: 10px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue