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: popover forms

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-04-13 20:28:13 +02:00
parent 2f61fc6afe
commit c68fffcd6d
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/plugins/datasource/cloudwatch/partials/config.html
View File

@ -46,7 +46,7 @@
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-13">Custom Metrics namespace</label>
<label class="gf-form-label width-13">Custom Metrics</label>
<input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.customMetricsNamespaces' placeholder="Namespace1,Namespace2"></input>
<info-popover mode="right-absolute">
Namespaces of Custom Metrics

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

@ -251,8 +251,8 @@ $infoText: $blue-dark;
$infoBackground: $blue-dark;
// popover
$popover-bg: $panel-bg;
$popover-color: $text-color;
$popover-bg: $panel-bg;
$popover-color: $text-color;
$popover-help-bg: $btn-secondary-bg;
$popover-help-color: $text-color;

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

@ -5,9 +5,9 @@ $useDropShadow: false;
$attachmentOffset: 0%;
$easing: cubic-bezier(0, 0, 0.265, 1.00);
@include drop-theme("help", $popover-help-bg, $popover-help-color);
@include drop-theme("error", $errorBackground, $popover-color);
@include drop-theme("popover", $popover-bg, $popover-color, $brand-primary);
@include drop-theme("popover", $popover-bg, $popover-color, #b3460d);
@include drop-theme("help", $popover-bg, $popover-color, #b3460d);
@include drop-animation-scale("drop", "help", $attachmentOffset: $attachmentOffset, $easing: $easing);
@include drop-animation-scale("drop", "error", $attachmentOffset: $attachmentOffset, $easing: $easing);

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

@ -15,7 +15,7 @@
word-wrap: break-word;
max-width: 20rem;
border: 1px solid $border-color;
box-shadow: 0 0 10px #f86e06;
box-shadow: 0 0 15px #5d3000;
&:before {
content: "";
@ -158,7 +158,7 @@
&:before {
top: 100%;
left: $popover-arrow-size;
border-top-color: $theme-bg;
border-top-color: $border-color;
}
}