public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux: tweaked panel color and dashboard background is same as page background

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-11-22 17:18:04 +01:00
parent c94331cd20
commit 2d2015d3dd
4 changed files with 5 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/sass/_variables.dark.scss
+3 -3
View File
@@ -90,11 +90,11 @@ $component-active-bg: $brand-primary !default;
// Panel // Panel
// ------------------------- // -------------------------
$panel-bg: $dark-2; $panel-bg: #212124;
$panel-border-color: $dark-2; $panel-border-color: $dark-1;
$panel-border: solid 1px $panel-border-color; $panel-border: solid 1px $panel-border-color;
$panel-drop-zone-bg: repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px); $panel-drop-zone-bg: repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px);
$panel-header-hover-bg: $dark-3; $panel-header-hover-bg: $dark-4;
$panel-header-menu-hover-bg: $dark-5; $panel-header-menu-hover-bg: $dark-5;
$divider-border-color: #555; $divider-border-color: #555;
public/sass/components/_tabbed_view.scss
-7
View File
@@ -8,13 +8,6 @@
.tabbed-view-header { .tabbed-view-header {
padding: 1.5em 1rem 0 1rem; padding: 1.5em 1rem 0 1rem;
} }
.gf-tabs-link.active {
background-color: #0a0a0a;
}
.tabbed-view-body {
min-height: 200px;
}
} }
} }
public/sass/components/_tabs.scss
+1 -1
View File
@@ -62,7 +62,7 @@
&.active:focus { &.active:focus {
@include border-radius(3px); @include border-radius(3px);
border-color: rgba(216, 131, 40, 0.77); border-color: rgba(216, 131, 40, 0.77);
border-bottom: 2px solid #0a0a0a; border-bottom: 1px solid $page-bg;
color: $link-color; color: $link-color;
position: relative; position: relative;
top: 1px; top: 1px;
public/sass/pages/_dashboard.scss
+1 -1
View File
@@ -2,7 +2,7 @@
padding: $dashboard-padding; padding: $dashboard-padding;
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
background: $dashboard-gradient; // background: $dashboard-gradient;
} }
.template-variable { .template-variable {