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

ux: tweaked light theme and made page container more fluid

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-12-05 15:16:06 +01:00
parent 16fbefbbc5
commit 8085182121
4 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -122,8 +122,8 @@ $code-tag-bg: $gray-6;
$code-tag-border: darken($code-tag-bg, 3%); $code-tag-border: darken($code-tag-bg, 3%);
// cards // cards
$card-background: linear-gradient(135deg, $gray-4, $gray-5); $card-background: linear-gradient(135deg, $gray-6, $gray-5);
$card-background-hover: linear-gradient(135deg, $gray-6, $gray-7); $card-background-hover: linear-gradient(135deg, $gray-5, $gray-6);
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1); $card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1);
// Lists // Lists
@@ -194,7 +194,7 @@ $input-invalid-border-color: lighten($red, 5%);
// Sidemenu // Sidemenu
// ------------------------- // -------------------------
$side-menu-bg: $dark-3; $side-menu-bg: $dark-2;
$side-menu-item-hover-bg: $gray-1; $side-menu-item-hover-bg: $gray-1;
$side-menu-shadow: 5px 0px 10px -5px $gray-1; $side-menu-shadow: 5px 0px 10px -5px $gray-1;
$side-menu-link-color: $gray-6; $side-menu-link-color: $gray-6;

4
public/sass/_variables.scss
View File

@@ -75,7 +75,7 @@ $container-max-widths: (
$grid-columns: 12 !default; $grid-columns: 12 !default;
$grid-gutter-width: 30px !default; $grid-gutter-width: 30px !default;
$enable-flex: false; $enable-flex: true;
// Typography // Typography
// ------------------------- // -------------------------
@@ -224,7 +224,7 @@ $btn-padding-y-lg: 11px !default;
$btn-padding-x-xl: 21px !default; $btn-padding-x-xl: 21px !default;
$btn-padding-y-xl: 11px !default; $btn-padding-y-xl: 11px !default;
$btn-border-radius: 3px; $btn-border-radius: 2px;
// sidemenu // sidemenu
$side-menu-width: 60px; $side-menu-width: 60px;

2
public/sass/components/_filter-table.scss
View File

@@ -34,8 +34,6 @@
padding: $table-cell-padding; padding: $table-cell-padding;
line-height: 30px; line-height: 30px;
height: 30px; height: 30px;
//border-bottom: 1px solid black;
border-bottom: 1px solid #ECECEC;
white-space: nowrap; white-space: nowrap;
&.filter-table__switch-cell { &.filter-table__switch-cell {

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

@@ -15,8 +15,12 @@
} }
.page-container { .page-container {
@extend .container; margin-left: auto;
padding: 0 $spacer * 2; margin-right: auto;
padding-left: $spacer*2;
padding-right: $spacer*2;
max-width: 980px;
@include clearfix();
} }
.scroll-canvas { .scroll-canvas {