curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: overlap the mobile nav onto other elements

This commit is contained in:
curben 2018-11-12 18:27:38 +10:30
parent 176974cd87
commit ffe99717de
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
themes/typing/source/css/typing.css
View File

@ -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;
} }
} }