Created a sub-level sidebar for the Settings page.
This commit is contained in:
James Brooks
committed by
Graham Campbell
Graham Campbell
parent
e575bec31e
commit
917284b58e
@@ -44,7 +44,9 @@ body.dashboard {
|
||||
border-bottom: $sidebar-border-color;
|
||||
}
|
||||
&.active {
|
||||
background: lighten($sidebar-background-color, 10%);
|
||||
background: lighten($sidebar-background-color, 2%);
|
||||
border-top: 1px solid #BED3EA;
|
||||
border-bottom: 1px solid #BED3EA;
|
||||
a {
|
||||
color: $sidebar-text-active-color;
|
||||
}
|
||||
@@ -95,4 +97,55 @@ body.dashboard {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-sidebar {
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 22%;
|
||||
background: #fcfcfc;
|
||||
border-right: 1px solid #E8ECF1;
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 19px;
|
||||
padding: 22px 0;
|
||||
}
|
||||
|
||||
ul.menu {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: #666;
|
||||
display: block;
|
||||
padding: 13px 30px;
|
||||
font-size: 15px;
|
||||
transition: all 0.2s linear;
|
||||
text-decoration: none;
|
||||
|
||||
&.active {
|
||||
color: #6787DA;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #6787DA;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-panel {
|
||||
top: 0;
|
||||
position: relative;
|
||||
width: 78%;
|
||||
margin-left: 22%;
|
||||
padding: 24px 50px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
@extends('layout.dashboard')
|
||||
|
||||
@section('content')
|
||||
@include('partials.dashboard.sidebar-settings')
|
||||
<div class='content-panel'>
|
||||
<div class="header">
|
||||
<span class="uppercase">
|
||||
<i class="icon ion-gear-a"></i> {{ Lang::get('cachet.dashboard.settings') }}
|
||||
@@ -10,7 +12,7 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<form name='SettingsForm' class='form-vertical' role='form' action='/dashboard/settings' method='POST'>
|
||||
<h4 class="sub-header">Cachet Settings</h4>
|
||||
<h4 class="sub-header" id='application-setup'>Application Setup</h4>
|
||||
<fieldset>
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
@@ -33,7 +35,7 @@
|
||||
<!-- <h4 class="sub-header">Server</h4>
|
||||
<fieldset></fieldset> -->
|
||||
|
||||
<h4 class="sub-header">Security</h4>
|
||||
<h4 class="sub-header" id='security'>Security</h4>
|
||||
<fieldset>
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
@@ -51,7 +53,7 @@
|
||||
<!-- <h4 class='sub-header'>Mail</h4>
|
||||
<fieldset></fieldset> -->
|
||||
|
||||
<h4 class="sub-header">Theme</h4>
|
||||
<h4 class="sub-header" id='theme'>Theme</h4>
|
||||
<fieldset>
|
||||
<div class='row'>
|
||||
<div class='col-xs-6'>
|
||||
@@ -89,7 +91,7 @@
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<h4 class="sub-header">Stylesheet</h4>
|
||||
<h4 class="sub-header" id='stylesheet'>Stylesheet</h4>
|
||||
<fieldset>
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
@@ -101,9 +103,16 @@
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
<div class='form-group'>
|
||||
<button type="submit" class="btn btn-success">Save settings</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@stop
|
||||
|
||||
9
app/views/partials/dashboard/sidebar-settings.blade.php
Normal file
9
app/views/partials/dashboard/sidebar-settings.blade.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class='sub-sidebar'>
|
||||
<h3>Settings</h3>
|
||||
<ul class='menu'>
|
||||
<li><a href='#setup'><i class='ion-gear-b'></i> Application Setup</a></li>
|
||||
<li><a href='#security'><i class='ion-lock-combination'></i> Security</a></li>
|
||||
<li><a href='#theme'><i class='ion-paintbrush'></i> Theme</a></li>
|
||||
<li><a href='#stylesheet'><i class='ion-paintbucket'></i> Stylesheet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -4648,7 +4648,9 @@ body.dashboard .sidebar {
|
||||
body.dashboard .sidebar .sidebar-inner ul li:last-child {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
|
||||
body.dashboard .sidebar .sidebar-inner ul li.active {
|
||||
background: white; }
|
||||
background: #f6f8f8;
|
||||
border-top: 1px solid #BED3EA;
|
||||
border-bottom: 1px solid #BED3EA; }
|
||||
body.dashboard .sidebar .sidebar-inner ul li.active a {
|
||||
color: #333; }
|
||||
body.dashboard .sidebar .sidebar-inner ul li a {
|
||||
@@ -4683,6 +4685,42 @@ body.dashboard .sidebar {
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
background: #fff; }
|
||||
body.dashboard .sub-sidebar {
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 22%;
|
||||
background: #fcfcfc;
|
||||
border-right: 1px solid #E8ECF1; }
|
||||
body.dashboard .sub-sidebar h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 19px;
|
||||
padding: 22px 0; }
|
||||
body.dashboard .sub-sidebar ul.menu {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
body.dashboard .sub-sidebar ul.menu li a {
|
||||
color: #666;
|
||||
display: block;
|
||||
padding: 13px 30px;
|
||||
font-size: 15px;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
text-decoration: none; }
|
||||
body.dashboard .sub-sidebar ul.menu li a.active {
|
||||
color: #6787DA; }
|
||||
body.dashboard .sub-sidebar ul.menu li a:hover {
|
||||
color: #6787DA; }
|
||||
body.dashboard .content-panel {
|
||||
top: 0;
|
||||
position: relative;
|
||||
width: 78%;
|
||||
margin-left: 22%;
|
||||
padding: 24px 50px;
|
||||
padding-bottom: 80px; }
|
||||
|
||||
body.dashboard .content {
|
||||
position: relative;
|
||||
@@ -4648,7 +4648,9 @@ body.dashboard .sidebar {
|
||||
body.dashboard .sidebar .sidebar-inner ul li:last-child {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
|
||||
body.dashboard .sidebar .sidebar-inner ul li.active {
|
||||
background: white; }
|
||||
background: #f6f8f8;
|
||||
border-top: 1px solid #BED3EA;
|
||||
border-bottom: 1px solid #BED3EA; }
|
||||
body.dashboard .sidebar .sidebar-inner ul li.active a {
|
||||
color: #333; }
|
||||
body.dashboard .sidebar .sidebar-inner ul li a {
|
||||
@@ -4683,6 +4685,42 @@ body.dashboard .sidebar {
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
background: #fff; }
|
||||
body.dashboard .sub-sidebar {
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 22%;
|
||||
background: #fcfcfc;
|
||||
border-right: 1px solid #E8ECF1; }
|
||||
body.dashboard .sub-sidebar h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 19px;
|
||||
padding: 22px 0; }
|
||||
body.dashboard .sub-sidebar ul.menu {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
body.dashboard .sub-sidebar ul.menu li a {
|
||||
color: #666;
|
||||
display: block;
|
||||
padding: 13px 30px;
|
||||
font-size: 15px;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
text-decoration: none; }
|
||||
body.dashboard .sub-sidebar ul.menu li a.active {
|
||||
color: #6787DA; }
|
||||
body.dashboard .sub-sidebar ul.menu li a:hover {
|
||||
color: #6787DA; }
|
||||
body.dashboard .content-panel {
|
||||
top: 0;
|
||||
position: relative;
|
||||
width: 78%;
|
||||
margin-left: 22%;
|
||||
padding: 24px 50px;
|
||||
padding-bottom: 80px; }
|
||||
|
||||
body.dashboard .content {
|
||||
position: relative;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{
|
||||
"css/all.css": "css/all-5e690747.css",
|
||||
"css/all.css": "css/all-981c832a.css",
|
||||
"js/all.js": "js/all-1604355c.js"
|
||||
}
|
||||
Reference in New Issue
Block a user