IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added drop shadown for sticky scrolling, moved colors into dark and light variables

Browse Source
This commit is contained in:
Matt 2017-08-15 11:04:26 +02:00
parent 588f35ef4f
commit b949f019cf
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/sass/_variables.dark.scss
View File

@ -240,6 +240,11 @@ $menu-dropdown-hover-bg: $dark-2;
$menu-dropdown-border-color: $dark-3; $menu-dropdown-border-color: $dark-3;
$menu-dropdown-shadow: 5px 5px 20px -5px $black; $menu-dropdown-shadow: 5px 5px 20px -5px $black;
// Breadcrumb
// -------------------------
$page-nav-bg: $black;
$page-nav-shadow: 5px 5px 20px -5px $black;
// Pagination // Pagination
// ------------------------- // -------------------------

5
public/sass/_variables.light.scss
View File

@ -192,6 +192,11 @@ $menu-dropdown-hover-bg: $gray-6;
$menu-dropdown-border-color: $tight-form-border; $menu-dropdown-border-color: $tight-form-border;
$menu-dropdown-shadow: 5px 5px 20px -5px $gray-4; $menu-dropdown-shadow: 5px 5px 20px -5px $gray-4;
// Breadcrumb
// -------------------------
$page-nav-bg: $white;
$page-nav-shadow: 5px 5px 20px -5px $gray-4;
// search // search
$search-shadow: 0 5px 30px 0 $gray-4; $search-shadow: 0 5px 30px 0 $gray-4;

3
public/sass/layout/_page.scss
View File

@ -105,7 +105,6 @@
} }
$breadcrumb-hover-hl: #111; $breadcrumb-hover-hl: #111;
$page-nav-bg: black;
$page-breadcrumb__angle-1: 39px; $page-breadcrumb__angle-1: 39px;
$page-breadcrumb__angle-ul: 31px; $page-breadcrumb__angle-ul: 31px;
@ -120,6 +119,8 @@ $page-breadcrumb__angle-a: 30px;
.page-breadcrumb__item { .page-breadcrumb__item {
background: $page-nav-bg; background: $page-nav-bg;
box-shadow: $page-nav-shadow;
> a { > a {
color: $text-color-weak; color: $text-color-weak;