diff --git a/libs/barista-components/stacked-series-chart/src/stacked-series-chart-bar.scss b/libs/barista-components/stacked-series-chart/src/stacked-series-chart-bar.scss index e2075cb8c6..b35768b1da 100644 --- a/libs/barista-components/stacked-series-chart/src/stacked-series-chart-bar.scss +++ b/libs/barista-components/stacked-series-chart/src/stacked-series-chart-bar.scss @@ -12,6 +12,10 @@ See stacked-series-chart.layout.md @include gridPosition('grid-column', 1, 2); } + .dt-stacked-series-chart-label-none.dt-stacked-series-chart-container { + grid-template-columns: 1fr; + } + /* TRACK */ .dt-stacked-series-chart-track { min-height: 1px; @@ -19,6 +23,10 @@ See stacked-series-chart.layout.md grid-column: 2; } + .dt-stacked-series-chart-label-none .dt-stacked-series-chart-track { + grid-column: 1; + } + /* SLICE */ .dt-stacked-series-chart-slice { width: var(--dt-stacked-series-chart-length); @@ -46,6 +54,10 @@ See stacked-series-chart.layout.md height: 40px; } + .dt-stacked-series-chart-label-none .dt-stacked-series-chart-value-axis { + grid-column: 1; + } + .dt-stacked-series-chart-axis-tick { padding-top: $tick-gutter; text-align: center; diff --git a/libs/barista-components/stacked-series-chart/src/stacked-series-chart.html b/libs/barista-components/stacked-series-chart/src/stacked-series-chart.html index 1a5dfbaece..161dd64e83 100644 --- a/libs/barista-components/stacked-series-chart/src/stacked-series-chart.html +++ b/libs/barista-components/stacked-series-chart/src/stacked-series-chart.html @@ -65,7 +65,11 @@ {{ valueDisplayMode === 'percent' ? (tick.valueRelative * 100 | dtPercent)