Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-06-16 01:20:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

hamburger button

Browse Source
This commit is contained in:
psychobunny
2015-08-21 18:26:44 -04:00
parent cb071f3772
commit 1f9dbd3cf2
2 changed files with 39 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/less/admin/mobile.less
View File

@@ -1,3 +1,7 @@
#mobile-menu {
display: none;
}
@media (max-width: 1200px) {
}
@@ -7,18 +11,41 @@
padding-top: 90px;
}
#mobile-menu {
width: 31px;
background: none;
border: none;
vertical-align: 10%;
margin-right: 10px;
margin-left: -15px;
outline: none !important;
display: block;
position: absolute;
top: 22px;
left: 22px;
.bar {
width: 100%;
height: 2px;
background: #fff;
margin-bottom: 3px;
border-radius: 10px;
}
}
.header {
height: 60px;
height: 58px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
position: fixed;
top: 0px;
z-index: 1;
#main-page-title {
bottom: -29px;
bottom: -31px;
font-size: 20px;
color: #FFF;
left: 20px;
left: 52px;
font-weight: 400;
}

10
src/views/admin/partials/menu.tpl
View File

@@ -1,5 +1,13 @@
<nav class="header">
<h1 id="main-page-title"></h1>
<div class="pull-left">
<button id="mobile-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</button>
<h1 id="main-page-title"></h1>
</div>
<ul id="user_label" class="pull-right">
<li class="dropdown pull-right">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">