oscarleiva
/
energylink


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							.gf-code-editor {
  min-height: 2.60rem;
  min-width: 20rem;
  flex-grow: 1;
  margin-right: 0.25rem;

  &.ace_editor {
    min-height: 2.60rem;
    font-family: monospace;
    font-size: 1rem;
  }
}

.ace_editor.ace_autocomplete {
  // 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: 320px !important;

  font-family: monospace;
  font-size: 1rem;

  .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;
    }
  }
}

.ace_tooltip.ace_doc-tooltip {
  background-color: $dropdownBackground;
  background-image: none;
  color: $dropdownLinkColor;
  border: 1px solid $dropdownBorder;

  font-family: monospace;
  font-size: 1rem;

  hr {
    background-color: $dropdownDividerBottom;
  }
}