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

acp main menu themed

Browse Source
v1.18.x
psychobunny 10 years ago
parent 15b3437dba
commit a621d4212e
2 changed files with 98 additions and 51 deletions
Show Stats Download Patch File Download Diff File

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

@ -16,6 +16,55 @@
font-weight: 700; font-weight: 700;
} }
#main-menu {
position: fixed;
width: 200px;
height: 100%;
padding-top: 50px;
top: 0px;
left: 0px;
background: #333;
z-index: 1;
overflow-y: auto;
.sidebar-nav {
margin-top: 1px;
.nav-header {
color: #fff;
border-top: 1px solid #32353E;
border-bottom: 1px solid #1A1C20;
background-color: #272727;
text-shadow: 0px 0px 2px #111;
padding: 10px;
}
.nav-list {
background: #232323;
li {
&:hover a {
background-color: #2f2f2f;
}
a {
color: white;
padding: 7px 15px;
font-size: 14px;
.transition(.4s ease-in background-color);
}
}
}
}
}
#content {
padding-left: 207px;
}
.wrapper {
width: 100%;
}
.panel { .panel {
background-color: #FFF; background-color: #FFF;
box-sizing: border-box; box-sizing: border-box;

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

@ -99,56 +99,54 @@
</div> </div>
</div> </div>
<div class="container"> <div class="wrapper">
<div class="row"> <div id="main-menu">
<div class="col-sm-3"> <div class="sidebar-nav">
<div class="well sidebar-nav"> <ul class="nav nav-list">
<ul class="nav nav-list"> <li class="nav-header">NodeBB</li>
<li class="nav-header">NodeBB</li> <li class="active"><a href="{relative_path}/admin/index"><i class="fa fa-fw fa-home"></i> Home</a></li>
<li class="active"><a href="{relative_path}/admin/index"><i class="fa fa-fw fa-home"></i> Home</a></li> <li><a href="{relative_path}/admin/categories/active"><i class="fa fa-fw fa-folder"></i> Categories</a></li>
<li><a href="{relative_path}/admin/categories/active"><i class="fa fa-fw fa-folder"></i> Categories</a></li> <li><a href="{relative_path}/admin/tags"><i class="fa fa-fw fa-tags"></i> Tags</a></li>
<li><a href="{relative_path}/admin/tags"><i class="fa fa-fw fa-tags"></i> Tags</a></li> <li><a href="{relative_path}/admin/users/latest"><i class="fa fa-fw fa-user"></i> Users</a></li>
<li><a href="{relative_path}/admin/users/latest"><i class="fa fa-fw fa-user"></i> Users</a></li> <li><a href="{relative_path}/admin/groups"><i class="fa fa-fw fa-group"></i> Groups</a></li>
<li><a href="{relative_path}/admin/groups"><i class="fa fa-fw fa-group"></i> Groups</a></li> <li><a href="{relative_path}/admin/settings/general"><i class="fa fa-fw fa-cogs"></i> Settings</a></li>
<li><a href="{relative_path}/admin/settings/general"><i class="fa fa-fw fa-cogs"></i> Settings</a></li> <li><a href="{relative_path}/admin/appearance/themes"><i class="fa fa-fw fa-th"></i> Appearance</a></li>
<li><a href="{relative_path}/admin/appearance/themes"><i class="fa fa-fw fa-th"></i> Appearance</a></li> <li><a href="{relative_path}/admin/plugins"><i class="fa fa-fw fa-code-fork"></i> Plugins</a></li>
<li><a href="{relative_path}/admin/plugins"><i class="fa fa-fw fa-code-fork"></i> Plugins</a></li> <li><a href="{relative_path}/admin/languages"><i class="fa fa-fw fa-language"></i> Languages</a></li>
<li><a href="{relative_path}/admin/languages"><i class="fa fa-fw fa-language"></i> Languages</a></li> <li><a href="{relative_path}/admin/sounds"><i class="fa fa-fw fa-volume-up"></i> Sounds</a></li>
<li><a href="{relative_path}/admin/sounds"><i class="fa fa-fw fa-volume-up"></i> Sounds</a></li> <li><a href="{relative_path}/admin/database"><i class="fa fa-fw fa-hdd-o"></i> Database</a></li>
<li><a href="{relative_path}/admin/database"><i class="fa fa-fw fa-hdd-o"></i> Database</a></li> <li><a href="{relative_path}/admin/events"><i class="fa fa-fw fa-calendar-o"></i> Events</a></li>
<li><a href="{relative_path}/admin/events"><i class="fa fa-fw fa-calendar-o"></i> Events</a></li> </ul>
</ul> </div>
</div> <!-- IF authentication.length -->
<!-- IF authentication.length --> <div class="sidebar-nav">
<div class="well sidebar-nav"> <ul class="nav nav-list">
<ul class="nav nav-list"> <li class="nav-header">Social Authentication</li>
<li class="nav-header">Social Authentication</li> <!-- BEGIN authentication -->
<!-- BEGIN authentication -->
<li>
<a href="{relative_path}/admin{authentication.route}"><i class="fa fa-fw {authentication.icon}"></i> {authentication.name}</a>
</li>
<!-- END authentication -->
</ul>
</div>
<!-- ENDIF authentication.length -->
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Plugins</li>
<!-- BEGIN plugins -->
<li> <li>
<a href="{relative_path}/admin{plugins.route}"><i class="fa fa-fw {plugins.icon}"></i> {plugins.name}</a> <a href="{relative_path}/admin{authentication.route}"><i class="fa fa-fw {authentication.icon}"></i> {authentication.name}</a>
</li> </li>
<!-- END plugins --> <!-- END authentication -->
</ul> </ul>
</div> </div>
<!-- IF env --> <!-- ENDIF authentication.length -->
<div class="well sidebar-nav"> <div class="sidebar-nav">
<ul class="nav nav-list"> <ul class="nav nav-list">
<li class="nav-header">Development</li> <li class="nav-header">Plugins</li>
<li><a href="{relative_path}/admin/logger"><i class="fa fa-fw fa-th"></i> Logger</a></li> <!-- BEGIN plugins -->
</ul> <li>
</div> <a href="{relative_path}/admin{plugins.route}"><i class="fa fa-fw {plugins.icon}"></i> {plugins.name}</a>
<!-- ENDIF env --> </li>
</div><!--/span--> <!-- END plugins -->
</ul>
<div class="col-sm-9" id="content"> </div>
<!-- IF env -->
<div class="sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Development</li>
<li><a href="{relative_path}/admin/logger"><i class="fa fa-fw fa-th"></i> Logger</a></li>
</ul>
</div>
<!-- ENDIF env -->
</div>
<div class="col-sm-12" id="content">
Write Preview
Loading…
Cancel
Save