mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
335cec07a5
* WIP: initial panel links editor * WIP: Added dashboard migration to new panel drilldown link schema * Make link_srv interpolate new variables * Fix failing tests * Drilldown: Add context menu to graph viz (#17284) * Add simple context menu for adding graph annotations and showing drilldown links * Close graph context menu when user start scrolling * Move context menu component to grafana/ui * Make graph context menu appear on click, use cmd/ctrl click for quick annotations * Move graph context menu controller to separate file * Drilldown: datapoint variables interpolation (#17328) * Add simple context menu for adding graph annotations and showing drilldown links * Close graph context menu when user start scrolling * Move context menu component to grafana/ui * Make graph context menu appear on click, use cmd/ctrl click for quick annotations * Add util for absolute time range transformation * Add series name and datapoint timestamp interpolation * Rename drilldown link variables tot snake case, use const values instead of strings in tests * Bring LinkSrv.getPanelLinkAnchorInfo for compatibility reasons and add deprecation warning * Rename seriesLabel to seriesName * Drilldown: use separate editors for panel and series links (#17355) * Use correct target ini context menu links * Rename PanelLinksEditor to DrilldownLinksEditor and mote it to grafana/ui * Expose DrilldownLinksEditor as an angular directive * Enable visualization specifix drilldown links * Props interfaces rename * Drilldown: Add variables suggestion and syntax highlighting for drilldown link editor (#17391) * Add variables suggestion in drilldown link editor * Enable prism * Fix backspace not working * Move slate value helpers to grafana/ui * Add syntax higlighting for links input * Rename drilldown link components to data links * Add template variabe suggestions * Bugfix * Fix regexp not working in Firefox * Display correct links in panel header corner * bugfix * bugfix * Bugfix * Context menu UI tweaks * Use data link terminology instead of drilldown * DataLinks: changed autocomplete syntax * Use singular form for data link * Use the same syntax higlighting for built-in and template variables in data links editor * UI improvements to context menu * UI review tweaks * Tweak layout of data link editor * Fix vertical spacing * Remove data link header in context menu * Remove pointer cursor from series label in context menu * Fix variable selection on click * DataLinks: migrations for old links * Update docs about data links * Use value time instead of time range when interpolating datapoint timestamp * Remove not used util * Update docs * Moved icon a bit more down * Interpolate value ts only when using __value_time variable * Bring href property back to LinkModel * Add any type annotations * Fix TS error on slate's Value type * minor changes
73 lines
1.5 KiB
SCSS
73 lines
1.5 KiB
SCSS
$popover-arrow-size: 10px;
|
|
$color: inherit;
|
|
$color: $text-color;
|
|
$useDropShadow: false;
|
|
$attachmentOffset: 0%;
|
|
$easing: cubic-bezier(0, 0, 0.265, 1);
|
|
|
|
@include drop-theme('error', $popover-error-bg, $popover-color);
|
|
@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);
|
|
@include drop-animation-scale('drop', 'popover', $attachmentOffset: $attachmentOffset, $easing: $easing);
|
|
|
|
.drop-element {
|
|
z-index: 10000;
|
|
position: absolute;
|
|
display: none;
|
|
opacity: 0;
|
|
|
|
&.drop-open {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.drop-element,
|
|
.drop-element * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.drop-popopver-close {
|
|
position: absolute;
|
|
top: -5px;
|
|
right: 0;
|
|
font-size: $font-size-lg;
|
|
}
|
|
|
|
.drop-help {
|
|
a {
|
|
color: $gray-6;
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
|
|
.drop-hide-out-of-bounds {
|
|
&.drop-open.drop-help.drop-out-of-bounds,
|
|
&.drop-open-transitionend.drop-help.drop-out-of-bounds {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.drop-element.drop-popover {
|
|
.drop-content {
|
|
box-shadow: $popover-shadow;
|
|
}
|
|
}
|
|
|
|
.drop-element.drop-popover--form {
|
|
.drop-content {
|
|
max-width: none;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.drop-element.drop-popover--annotation {
|
|
.drop-content {
|
|
padding: 0;
|
|
}
|
|
}
|