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

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

@ -183,15 +183,18 @@
.box-header-font .box-header-font
} }
#user_dropdown { #user_label {
padding: 6px; a {
padding-top: 13px;
img { padding-bottom: 13px;
width: 30px;
height: 30px; img {
vertical-align: -88%; width: 24px;
margin-right: 5px; height: 24px;
} border-radius: 50%;
border: 1px solid #454;
}
}
} }
.icon-container { .icon-container {
@ -213,24 +216,39 @@
} }
} }
.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 {
width: 30px; .navbar-header > .navbar-toggle {
height: 30px; margin-right: 8px;
padding: 5px; }
text-align: center;
margin-top: 10px; .navbar-nav {
background: #DDD; margin-top: 0;
margin-bottom: 0;
i {
color: black; >li {
font-size: 17px; >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 {
input { input {

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

@ -56,46 +56,55 @@
</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>
<ul class="nav navbar-nav pull-left">
<li>
<a href="#" id="reconnect"></a>
</li>
</ul>
</div> </div>
<ul class="nav navbar-nav"> <div class="navbar-collapse collapse">
<li> <ul id="logged-in-menu" class="navbar-nav nav navbar-right pull-right">
<a href="#" id="reconnect"></a> <li style="float:left;">
</li> <form class="navbar-form hidden-xs" role="search">
</ul> <div class="form-group" id="acp-search" >
<div class="dropdown" >
<ul id="logged-in-menu" class="nav navbar-nav navbar-right"> <input type="text" data-toggle="dropdown" class="form-control" placeholder="/">
<form class="navbar-form navbar-left hidden-xs" role="search"> <ul class="dropdown-menu" role="menu"></ul>
<div class="form-group" id="acp-search" > </div>
<div class="dropdown" > </div>
<input type="text" data-toggle="dropdown" class="form-control" placeholder="/"> </form>
<ul class="dropdown-menu" role="menu"></ul> </li>
</div> <li id="user_label" class="dropdown pull-right">
</div> <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
</form> <img src="{userpicture}"/>
<li class="nav-home"> </a>
<a href="{relative_path}/" target="_blank" title="Open forum homepage"><i class="fa fa-home"></i></a> <ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
</li> <li>
<a id="user-profile-link" href="{relative_path}/user/{userslug}" target="_top"><span>Profile</span></a>
<li id="user_label" class="dropdown"> </li>
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown"> <li id="logout-link">
<img src="{userpicture}"/> <a href="#">Log out</a>
</a> </li>
<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown"> </ul>
<li> </li>
<a id="user-profile-link" href="{relative_path}/user/{userslug}" target="_top"><span>Profile</span></a> <li class="nav-home pull-right">
</li> <a href="{relative_path}/" target="_blank" title="Open forum homepage" data-original-title="Open forum homepage">
<li id="logout-link"> <i class="fa fa-home fa-fw"></i>
<a href="#">Log out</a> </a>
</li> </li>
</ul> </ul>
</li> </div>
</ul>
</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