Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-03-06 12:31:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

acp main menu themed

Browse Source
This commit is contained in:
psychobunny
2014-09-26 15:25:31 -04:00
parent 15b3437dba
commit a621d4212e
2 changed files with 98 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,6 +16,55 @@
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 {
background-color: #FFF;
box-sizing: border-box;

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

@@ -99,56 +99,54 @@
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<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><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/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/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/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/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/events"><i class="fa fa-fw fa-calendar-o"></i> Events</a></li>
</ul>
</div>
<!-- IF authentication.length -->
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Social Authentication</li>
<!-- 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 -->
<div class="wrapper">
<div id="main-menu">
<div class="sidebar-nav">
<ul class="nav nav-list">
<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><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/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/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/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/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/events"><i class="fa fa-fw fa-calendar-o"></i> Events</a></li>
</ul>
</div>
<!-- IF authentication.length -->
<div class="sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Social Authentication</li>
<!-- BEGIN authentication -->
<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>
<!-- END plugins -->
</ul>
</div>
<!-- IF env -->
<div class="well 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><!--/span-->
<div class="col-sm-9" id="content">
<!-- END authentication -->
</ul>
</div>
<!-- ENDIF authentication.length -->
<div class="sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Plugins</li>
<!-- BEGIN plugins -->
<li>
<a href="{relative_path}/admin{plugins.route}"><i class="fa fa-fw {plugins.icon}"></i> {plugins.name}</a>
</li>
<!-- END plugins -->
</ul>
</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">