Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-03 12:20:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(orders): prevent legend content overflow

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-06-22 17:07:30 +03:00
parent e6762c2f38
commit 22a78f71a3
6 changed files with 33 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/app/pages/e-commerce/charts-panel/chart-panel-header/chart-panel-header.component.scss
View file

@ -3,38 +3,23 @@
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
.chart-header {
display: flex;
justify-content: space-between;
margin-bottom: 2.125rem;
align-items: center;
padding: 1.5rem 4.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -1rem;
ngx-legend-chart,
.period-select {
padding-top: 1rem;
@include nb-ltr(padding-left, 0.5rem);
@include nb-rtl(padding-right, 0.5rem);
}
.dropdown {
min-width: 8.125rem;
}
@include media-breakpoint-down(is) {
.chart-header {
flex-direction: column-reverse;
}
ngx-legend-chart {
align-self: flex-start;
::ng-deep .legends {
padding-left: 0;
}
::ng-deep .legend {
margin-left: 1rem;
}
}
.dropdown {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
align-self: flex-end;
@include media-breakpoint-up(md) {
.period-select {
@include nb-ltr(margin-left, auto);
@include nb-rtl(margin-right, auto);
}
}
}