hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2739 from yariplus/mobifix

Browse Source 
Fix #2684 ACP navbar on mobile.
v1.18.x
Julian Lam 10 years ago
parent 4dad7de33f 6c44de27ed
commit 4ba6d44858
2 changed files with 89 additions and 62 deletions
Show Stats Download Patch File Download Diff File

54
public/less/admin/admin.less
Unescape Escape View File

@ -183,14 +183,17 @@
.box-header-font .box-header-font
} }
#user_dropdown { #user_label {
padding: 6px; a {
padding-top: 13px;
padding-bottom: 13px;
img { img {
width: 30px; width: 24px;
height: 30px; height: 24px;
vertical-align: -88%; border-radius: 50%;
margin-right: 5px; border: 1px solid #454;
}
} }
} }
@ -213,23 +216,38 @@
} }
} }
.navbar { .navbar-static-top, .navbar-fixed-top {
padding: 0 5px; box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.5);
}
.nav-home a, .nav-home a:hover { .navbar-header > .navbar-toggle {
width: 30px; margin-right: 8px;
height: 30px; }
padding: 5px;
text-align: center;
margin-top: 10px;
background: #DDD;
i { .navbar-nav {
color: black; margin-top: 0;
font-size: 17px; margin-bottom: 0;
>li {
>a {
padding-top: 15px;
padding-bottom: 15px;
} }
>a:hover, >a:focus {
color: @gray-dark;
background-color: @gray-light;
} }
>#reconnect {
color: @gray-light;
}
>#reconnect:focus, >#reconnect:hover {
color: @gray-light;
background-color: transparent;
}
}
} }
#acp-search { #acp-search {

29
src/views/admin/header.tpl
Unescape Escape View File

@ -56,19 +56,25 @@
</head> </head>
<body class="admin"> <body class="admin">
<div class="navbar navbar-inverse navbar-fixed-top header"> <nav class="navbar navbar-inverse navbar-fixed-top header">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand nodebb-logo" href="{relative_path}/admin/general/dashboard"><img src="{relative_path}/images/logo.png" alt="NodeBB ACP" /> Admin Control Panel <span id="breadcrumbs" class="hidden-xs"></span></a> <a class="navbar-brand nodebb-logo" href="{relative_path}/admin/general/dashboard"><img src="{relative_path}/images/logo.png" alt="NodeBB ACP" /> Admin Control Panel <span id="breadcrumbs" class="hidden-xs"></span></a>
</div> <ul class="nav navbar-nav pull-left">
<ul class="nav navbar-nav">
<li> <li>
<a href="#" id="reconnect"></a> <a href="#" id="reconnect"></a>
</li> </li>
</ul> </ul>
</div>
<ul id="logged-in-menu" class="nav navbar-nav navbar-right"> <div class="navbar-collapse collapse">
<form class="navbar-form navbar-left hidden-xs" role="search"> <ul id="logged-in-menu" class="navbar-nav nav navbar-right pull-right">
<li style="float:left;">
<form class="navbar-form hidden-xs" role="search">
<div class="form-group" id="acp-search" > <div class="form-group" id="acp-search" >
<div class="dropdown" > <div class="dropdown" >
<input type="text" data-toggle="dropdown" class="form-control" placeholder="/"> <input type="text" data-toggle="dropdown" class="form-control" placeholder="/">
@ -76,11 +82,8 @@
</div> </div>
</div> </div>
</form> </form>
<li class="nav-home">
<a href="{relative_path}/" target="_blank" title="Open forum homepage"><i class="fa fa-home"></i></a>
</li> </li>
<li id="user_label" class="dropdown pull-right">
<li id="user_label" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
<img src="{userpicture}"/> <img src="{userpicture}"/>
</a> </a>
@ -93,9 +96,15 @@
</li> </li>
</ul> </ul>
</li> </li>
<li class="nav-home pull-right">
<a href="{relative_path}/" target="_blank" title="Open forum homepage" data-original-title="Open forum homepage">
<i class="fa fa-home fa-fw"></i>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</nav>
<div class="wrapper"> <div class="wrapper">
<div id="main-menu" class="nano"> <div id="main-menu" class="nano">

Write Preview
Loading…
Cancel
Save