mirror of
https://github.com/grafana/grafana.git
synced 2025-01-08 15:13:30 -06:00
0c86241c5b
* webpack poc, this is not going to work for plugins, dam * tech: webpack and systemjs for plugins starting to work * tech: webpack and systemjs combo starting to work * tech: webpack + karma tests progress * tech: webpack + karma progress * tech: working on tests * tech: webpack * tech: webpack + karma, all tests pass * tech: webpack + karma, all tests pass * tech: webpack all tests pass * webpack: getting closer * tech: webpack progress * webpack: further build refinements * webpack: ng annotate fixes * webpack: optimized build fix * tech: minor fix for elasticsearch * tech: webpack + ace editor * tech: restored lodash move mixin compatability * tech: added enzyme react test and upgraded to react v16 * tech: package version fix * tech: added testdata to built in bundle * webpack: sass progress * tech: prod & dev build is working for the sass * tech: clean up unused grunt stuff and moved to scripts folder * tech: added vendor and manifest chunks, updated readme and docs * tech: webpack finishing touches
79 lines
1.6 KiB
SCSS
79 lines
1.6 KiB
SCSS
.gf-code-editor {
|
|
min-height: 2.60rem;
|
|
min-width: 20rem;
|
|
flex-grow: 1;
|
|
margin-right: 0.25rem;
|
|
|
|
&.ace_editor {
|
|
@include font-family-monospace();
|
|
font-size: 1rem;
|
|
min-height: 2.60rem;
|
|
|
|
@include border-radius($input-border-radius-sm);
|
|
border: $input-btn-border-width solid $input-border-color;
|
|
}
|
|
}
|
|
|
|
.ace_editor.ace_autocomplete {
|
|
@include font-family-monospace();
|
|
font-size: 1rem;
|
|
|
|
// Ace editor adds <style> tag at the end of <head>, after grafana.css, so !important
|
|
// is used for overriding styles with the same CSS specificity.
|
|
background-color: $dropdownBackground !important;
|
|
color: $dropdownLinkColor !important;
|
|
border: 1px solid $dropdownBorder !important;
|
|
width: 550px !important;
|
|
|
|
.ace_scroller {
|
|
.ace_selected, .ace_active-line, .ace_line-hover {
|
|
color: $dropdownLinkColorHover;
|
|
background-color: $dropdownLinkBackgroundHover !important;
|
|
}
|
|
|
|
.ace_line-hover {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.ace_completion-highlight {
|
|
color: $yellow;
|
|
}
|
|
|
|
.ace_rightAlignedText {
|
|
color: $text-muted;
|
|
z-index: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
$doc-font-size: $font-size-sm;
|
|
|
|
.ace_tooltip.ace_doc-tooltip {
|
|
@include font-family-monospace();
|
|
font-size: $doc-font-size;
|
|
|
|
background-color: $popover-help-bg;
|
|
color: $popover-help-color;
|
|
background-image: none;
|
|
border: 1px solid $dropdownBorder;
|
|
padding: 0.5rem 1rem;
|
|
|
|
hr {
|
|
background-color: $popover-help-color;
|
|
margin: 0.5rem 0rem;
|
|
}
|
|
|
|
code {
|
|
padding: 0px 1px;
|
|
margin: 0px;
|
|
}
|
|
}
|
|
|
|
.ace_tooltip {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.ace_hidden-cursors .ace_cursor {
|
|
opacity: 0 !important;
|
|
}
|