Sha256: 31d0ee8f5cbc30c41c383e7009d28a14b6a4b4826847b09badcbe71a0fb1d54e

Contents?: true

Size: 1.3 KB

Versions: 4

Compression:

Stored size: 1.3 KB

Contents

@import "govuk_publishing_components/individual_component_support";

.gem-c-chart {
  position: relative;

  // slight hack to hide the table automatically added by the charts JS
  // not needed as we already output the table manually in the component
  svg + div:has(table) {
    display: none;
  }

  .google-visualization-tooltip {
    background-color: govuk-colour("black");
    box-shadow: none;
    border: 0;

    span {
      color: govuk-colour("white");
      @include govuk-font($size: 16, $weight: bold);
    }
  }
}

.gem-c-chart__table-wrapper {
  overflow: auto;
}

.gem-c-chart__table {
  margin-top: govuk-spacing(3);

  .govuk-table {
    margin: 0;
  }

  .govuk-table .govuk-table__header {
    text-align: center;
  }

  .govuk-table .govuk-table__cell {
    text-align: center;
  }
}

.gem-c-chart__minimal-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  &:focus {
    background: transparent; // overrides govuk-link background, which obscures the graph

    &::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-top: solid 1px $govuk-focus-colour;
      border-left: solid 3px $govuk-focus-colour;
      border-right: solid 3px $govuk-focus-colour;
      box-sizing: border-box;
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
govuk_publishing_components-44.7.1 app/assets/stylesheets/govuk_publishing_components/components/_chart.scss
govuk_publishing_components-44.7.0 app/assets/stylesheets/govuk_publishing_components/components/_chart.scss
govuk_publishing_components-44.6.0 app/assets/stylesheets/govuk_publishing_components/components/_chart.scss
govuk_publishing_components-44.5.0 app/assets/stylesheets/govuk_publishing_components/components/_chart.scss