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: updated styles a bit

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-04-14 13:08:03 +02:00
parent ea92ddccb3
commit 0335c1f368
4 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -253,6 +253,7 @@ $infoBackground: $blue-dark;
// popover
$popover-bg: $panel-bg;
$popover-color: $text-color;
$popover-border-color: $gray-1;
$popover-help-bg: $btn-secondary-bg;
$popover-help-color: $text-color;

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

@@ -278,6 +278,7 @@ $infoBorder: transparent;
// popover
$popover-bg: $gray-5;
$popover-color: $text-color;
$popover-border-color: $gray-3;
$popover-help-bg: $blue-dark;
$popover-help-color: $gray-6;

4
public/sass/components/_drop.scss
View File

@@ -6,8 +6,8 @@ $attachmentOffset: 0%;
$easing: cubic-bezier(0, 0, 0.265, 1.00);
@include drop-theme("error", $errorBackground, $popover-color);
@include drop-theme("popover", $popover-bg, $popover-color, #b3460d);
@include drop-theme("help", $popover-bg, $popover-color, #b3460d);
@include drop-theme("popover", $popover-bg, $popover-color, $popover-border-color);
@include drop-theme("help", $popover-help-bg, $popover-help-color);
@include drop-animation-scale("drop", "help", $attachmentOffset: $attachmentOffset, $easing: $easing);
@include drop-animation-scale("drop", "error", $attachmentOffset: $attachmentOffset, $easing: $easing);

7
public/sass/mixins/_drop_element.scss
View File

@@ -1,5 +1,5 @@
@mixin drop-theme($themeName, $theme-bg, $theme-color, $border-color: $theme-color) {
@mixin drop-theme($themeName, $theme-bg, $theme-color, $border-color: $theme-bg) {
.drop-element.drop-#{$themeName} {
max-width: 100%;
max-height: 100%;
@@ -15,7 +15,10 @@
word-wrap: break-word;
max-width: 20rem;
border: 1px solid $border-color;
box-shadow: 0 0 15px #5d3000;
@if $theme-bg != $border-color {
box-shadow: 0 0 15px $border-color;
}
&:before {
content: "";