mirror of
https://github.com/NodeBB/NodeBB.git
synced 2025-11-13 09:25:45 +01:00
header menu first pass
This commit is contained in:
@@ -3,6 +3,8 @@
|
||||
@import "./mixins";
|
||||
@import "./vars";
|
||||
|
||||
@import "./header";
|
||||
|
||||
@import "./general/dashboard";
|
||||
@import "./general/navigation";
|
||||
@import "./manage/categories";
|
||||
@@ -21,7 +23,6 @@
|
||||
@import "./modules/checkboxes";
|
||||
|
||||
.admin {
|
||||
padding-top: 70px;
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
|
||||
|
||||
@@ -102,9 +102,9 @@
|
||||
@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
|
||||
@line-height-small: 1.5;
|
||||
|
||||
@border-radius-base: 3px;
|
||||
@border-radius-large: 3px;
|
||||
@border-radius-small: 3px;
|
||||
@border-radius-base: 0px;
|
||||
@border-radius-large: 0px;
|
||||
@border-radius-small: 0px;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: #fff;
|
||||
|
||||
27
public/less/admin/header.less
Normal file
27
public/less/admin/header.less
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
.settings {
|
||||
.row {
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.section-content {
|
||||
@@ -12,4 +12,8 @@
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
[data-action="upload"][type="text"] {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
@@ -150,5 +150,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-2 settings-header">
|
||||
<div class="col-xs-2">
|
||||
Contents
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
Reference in New Issue
Block a user