IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-24 15:27:01 -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
Show Stats 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%);
// cards
$card-background: linear-gradient(135deg, $gray-4, $gray-5);
$card-background-hover: linear-gradient(135deg, $gray-6, $gray-7);
$card-background: linear-gradient(135deg, $gray-6, $gray-5);
$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);
// Lists
@ -194,7 +194,7 @@ $input-invalid-border-color: lighten($red, 5%);
// Sidemenu
// -------------------------
$side-menu-bg: $dark-3;
$side-menu-bg: $dark-2;
$side-menu-item-hover-bg: $gray-1;
$side-menu-shadow: 5px 0px 10px -5px $gray-1;
$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-gutter-width: 30px !default;
$enable-flex: false;
$enable-flex: true;
// Typography
// -------------------------
@ -224,7 +224,7 @@ $btn-padding-y-lg: 11px !default;
$btn-padding-x-xl: 21px !default;
$btn-padding-y-xl: 11px !default;
$btn-border-radius: 3px;
$btn-border-radius: 2px;
// sidemenu
$side-menu-width: 60px;

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

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

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

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