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

did some styling changes

Browse Source
This commit is contained in:
ijin08 2019-01-29 08:47:28 +01:00
parent 30f27a966b
commit fe51e85050
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/grafana-ui/src/components/Tooltip/_Tooltip.scss
View File

@ -18,9 +18,9 @@ $popper-margin-from-ref: 5px;
.popper__background { .popper__background {
background: $tooltipBackground; background: $tooltipBackground;
border-radius: $border-radius; border-radius: $border-radius-sm;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
padding: 3px 8px; padding: 4px 8px;
color: $tooltipColor; color: $tooltipColor;
font-weight: 500; font-weight: 500;
@ -29,10 +29,10 @@ $popper-margin-from-ref: 5px;
@include popper-theme($tooltipBackgroundError, $tooltipBackgroundError); @include popper-theme($tooltipBackgroundError, $tooltipBackgroundError);
} }
&.popper__background--brand { /*&.popper__background--brand {
@include popper-theme($tooltipBackgroundBrand, $tooltipBackgroundBrand); @include popper-theme($tooltipBackgroundBrand, $tooltipBackgroundBrand);
@include gradient-vertical($tooltipBackground, $tooltipBackground); @include gradient-vertical($tooltipBackground, $tooltipBackground);
} }*/
} }
.popper__arrow { .popper__arrow {

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

@ -307,8 +307,8 @@ $tooltipArrowWidth: 5px;
$tooltipLinkColor: $link-color; $tooltipLinkColor: $link-color;
$graph-tooltip-bg: $dark-1; $graph-tooltip-bg: $dark-1;
$tooltipBackground: $dark-1; $tooltipBackground: $gray-1;
$tooltipColor: white; $tooltipColor: $gray-6;
$tooltipArrowColor: $tooltipBackground; $tooltipArrowColor: $tooltipBackground;
$tooltipBackgroundError: $brand-danger; $tooltipBackgroundError: $brand-danger;
$tooltipBackgroundBrand: $brand-primary; $tooltipBackgroundBrand: $brand-primary;

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

@ -311,7 +311,6 @@ $tooltipArrowWidth: 5px;
$tooltipLinkColor: lighten($popover-help-color, 5%); $tooltipLinkColor: lighten($popover-help-color, 5%);
$graph-tooltip-bg: $gray-5; $graph-tooltip-bg: $gray-5;
$tooltipBackground: $popover-help-bg;
$tooltipBackground: $gray-1; $tooltipBackground: $gray-1;
$tooltipColor: $gray-7; $tooltipColor: $gray-7;
$tooltipArrowColor: $tooltipBackground; // Used by Angular tooltip $tooltipArrowColor: $tooltipBackground; // Used by Angular tooltip