lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change the dashboard sidebar color

Browse Source
This commit is contained in:
James Brooks
2016-08-10 20:26:26 +01:00
parent 838beac285
commit cbf9136773
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/assets/sass/partials/_sidebar.scss vendored
View File

@@ -6,7 +6,7 @@ body.dashboard {
height: 100%; height: 100%;
margin-left: -$sidebar-normal-width; margin-left: -$sidebar-normal-width;
overflow-y: auto; overflow-y: auto;
background: $sidebar-background-color; background: $cachet-base-dark;
@include box-shadow($sidebar-border-shadow); @include box-shadow($sidebar-border-shadow);
z-index: 1000; z-index: 1000;
-webkit-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
@@ -66,13 +66,20 @@ body.dashboard {
li { li {
font-size: $sidebar-text-size; font-size: $sidebar-text-size;
&:focus,
&:hover {
background: lighten($cachet-base-dark, 5%) !important;
}
&.active { &.active {
background: lighten($sidebar-background-color, 2%); background: lighten($cachet-base-dark, 10%);
&:hover {
background: lighten($cachet-base-dark, 15%) !important;
}
a { a {
padding-top: 14px; padding-top: 14px;
padding-bottom: 14px; padding-bottom: 14px;
border-top: 1px solid #6c818c; border-top: 1px solid $cachet-gray-darker;
border-bottom: 1px solid #6c818c; border-bottom: 1px solid $cachet-gray-darker;
color: $sidebar-text-active-color; color: $sidebar-text-active-color;
&:focus, &:focus,
&:hover { &:hover {
@@ -100,9 +107,9 @@ body.dashboard {
span { span {
&.label { &.label {
float: right; float: right;
margin: 6px 0; margin: 3px 0;
&.label-info { &.label-info {
background-color: $cachet-primary; background-color: $cachet-secondary;
} }
} }
} }
@@ -204,7 +211,7 @@ body.dashboard {
position: fixed; position: fixed;
margin-left: 228px; margin-left: 228px;
width: 22%; width: 22%;
background: #f9fdff; background: #F0F3F4;
border-right: 1px solid #E8ECF1; border-right: 1px solid #E8ECF1;
h3 { h3 {

2
resources/views/dashboard/partials/sidebar.blade.php
View File

@@ -10,7 +10,7 @@
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="quick-add-incident"> <div class="quick-add-incident">
<a class="btn btn-block btn-primary uppercase" href="{{ route('dashboard.incidents.add') }}"> <a class="btn btn-block btn-info" href="{{ route('dashboard.incidents.add') }}">
<i class="ion ion-android-checkmark-circle visible-sm"></i> <i class="ion ion-android-checkmark-circle visible-sm"></i>
<span class="hidden-sm">{{ trans('dashboard.incidents.add.title') }}</span> <span class="hidden-sm">{{ trans('dashboard.incidents.add.title') }}</span>
</a> </a>