Skip to content
Snippets Groups Projects
_D3View.scss 836 B
Newer Older
Clayton, Brandon Scott's avatar
Clayton, Brandon Scott committed
.D3BaseView {
  height: 0;
  overflow: hidden;
  /**
    padding-bottom is set to `(100 * height / width)%` by the D3View class.
    This preserves aspect ratio, but allows plots to be responsive in IE.
   */
  position: relative;
  width: 100%;

  /**
    work around suggested by
    https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3723601/
   */
  &.ms-render-fix {
    font-size: 101%;
  }

  > svg {
Clayton, Brandon Scott's avatar
Clayton, Brandon Scott committed
    cursor: move;
Clayton, Brandon Scott's avatar
Clayton, Brandon Scott committed
    fill: none;
    left: 0;
    position: absolute;
    stroke: none;
    stroke-width: 0;
    top: 0;
    width: 100%;
  }

  /* text */
  .plot-title,
  .tooltip-content > text {
    fill: #000;
  }

  .tooltip-content {
    .value {
      font-weight: bold;
    }
  }

  .tooltip-outline {
    stroke: #000;
    stroke-width: 1;
  }

  .legend,
  .tooltip-outline {
    fill: #fff;
  }
}