Skip to content

Commit

Permalink
Merge pull request #376 from unepwcmc/refresh-marine-line
Browse files Browse the repository at this point in the history
Refresh marine line
  • Loading branch information
Levia authored Apr 2, 2020
2 parents f4841ea + 06ba967 commit ba73380
Showing 12 changed files with 594 additions and 583 deletions.
11 changes: 2 additions & 9 deletions app/assets/stylesheets/components/_charts.scss
Original file line number Diff line number Diff line change
@@ -79,19 +79,12 @@ $chart-target-stroke-width: rem-calc(3);
// charts
//--------------------------------------------------
@import './charts/chart-dial';
@import './charts/chart-legend';
@import './charts/chart-line';
@import './charts/chart-row-pa';
@import './charts/chart-row-target';

&__key {
background-color: $chart-aqua;
border-radius: 100%;
width: rem-calc(24); height: rem-calc(24);

display: block;
}
}

@import './charts/horizontal-bar-chart';
@import './charts/interactive-multiline';
@import './charts/interactive-treemap';
@import './charts/sunburst';
28 changes: 28 additions & 0 deletions app/assets/stylesheets/components/charts/_chart-legend.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
//--------------------------------------------------
// classes
//--------------------------------------------------
&--legend {
@include flex;
@include flex-wrap;
@include ul-unstyled;
margin: rem-calc(14 0);
}

&__legend-item {
@include flex;
@include flex-v-center;
margin-right: rem-calc(14);
}

&__legend-key {
@include flex-no-shrink;
background-color: $chart-aqua;
border-radius: 100%;
width: rem-calc(24); height: rem-calc(24);

display: block;
}

&__legend-text {
margin-left: rem-calc(6);
}
34 changes: 34 additions & 0 deletions app/assets/stylesheets/components/charts/_chart-line.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
&--line {
.chart {
&__wrapper-ie11 { // do not remove - this is required to set the sizing for ie11
@include breakpoint($small) {
padding-bottom: 54%;
width: 100%;

position: relative;
}
}

&__scrollable {
@include breakpoint-down($small) {
overflow-x: auto;

display: flex;
}
}

&__chart {
@include breakpoint-down($small) { min-width: 260%; }
}

&__svg {
width: 100%;

@include breakpoint($small) {
position: absolute;
top: 0;
left: 0;
}
}
}
}
158 changes: 0 additions & 158 deletions app/assets/stylesheets/components/charts/_interactive-multiline.scss

This file was deleted.

Loading

0 comments on commit ba73380

Please sign in to comment.