Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-13 17:35:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

header menu first pass

Browse Source
This commit is contained in:
psychobunny
2015-08-19 14:46:40 -04:00
parent d464cb2f0d
commit cc05a0a049
6 changed files with 91 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/less/admin/admin.less
View File

@@ -3,6 +3,8 @@
@import "./mixins"; @import "./mixins";
@import "./vars"; @import "./vars";
@import "./header";
@import "./general/dashboard"; @import "./general/dashboard";
@import "./general/navigation"; @import "./general/navigation";
@import "./manage/categories"; @import "./manage/categories";
@@ -21,7 +23,6 @@
@import "./modules/checkboxes"; @import "./modules/checkboxes";
.admin { .admin {
padding-top: 70px;
background: #fff; background: #fff;
font-size: 14px; font-size: 14px;

6
public/less/admin/bootstrap/variables.less
View File

@@ -102,9 +102,9 @@
@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
@line-height-small: 1.5; @line-height-small: 1.5;
@border-radius-base: 3px; @border-radius-base: 0px;
@border-radius-large: 3px; @border-radius-large: 0px;
@border-radius-small: 3px; @border-radius-small: 0px;
//** Global color for active items (e.g., navs or dropdowns). //** Global color for active items (e.g., navs or dropdowns).
@component-active-color: #fff; @component-active-color: #fff;

27
public/less/admin/header.less Normal file
View File

@@ -0,0 +1,27 @@
.header {
position: relative;
background: #333;
width: 100%;
height: 200px;
margin-bottom: 50px;
> ul {
list-style-type: none;
padding: 0px;
position: absolute;
bottom: 0px;
left: 50px;
> li {
float: left;
margin-right: 30px;
> a {
color: white;
font-size: 20px;
text-transform: uppercase;
text-decoration: none;
}
}
}
}

6
public/less/admin/settings.less
View File

@@ -1,6 +1,6 @@
.settings { .settings {
.row { .row {
margin-bottom: 15px; margin-bottom: 30px;
} }
.section-content { .section-content {
@@ -12,4 +12,8 @@
padding-left: 20px; padding-left: 20px;
} }
} }
[data-action="upload"][type="text"] {
width: 95%;
}
} }

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

@@ -150,5 +150,58 @@
</div> </div>
</div> </div>
</nav>--> </nav>-->
<nav class="header">
<ul>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">General</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Settings</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Manage</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Appearance</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</nav>
<div class="container" id="content"> <div class="container" id="content">

2
src/views/admin/settings/general.tpl
View File

@@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<div class="col-xs-2 settings-header"> <div class="col-xs-2">
Contents Contents
</div> </div>
<div class="col-xs-10"> <div class="col-xs-10">