discourse/app/assets/stylesheets/common/admin/admin_reports.scss
Joffrey JAFFEUX e655e1863f
UX: Adding reports dashboard tab, new layout, report descriptions (#6790)
Co-Authored-By: Kris  <shout@k-ris.com>
2018-12-19 14:44:43 +01:00

64 lines
1000 B
SCSS

.admin-reports {
.admin-report {
width: 100%;
.report-header {
padding-bottom: 0.5em;
margin-bottom: 1em;
border-bottom: 1px solid $primary-low;
}
}
.admin-report-chart .chart-canvas-container .chart-canvas {
height: 400px;
}
.report-container {
display: flex;
.loading-container {
width: 100%;
}
.visualization {
display: flex;
flex: 4;
}
.filters {
display: flex;
flex: 1;
align-items: center;
flex-direction: column;
margin-left: 2em;
.date-picker {
margin: 0;
width: 195px;
}
.combo-box,
.date-picker-wrapper,
.btn {
width: 100%;
margin-bottom: 1em;
}
}
@include breakpoint(medium) {
flex-direction: column;
min-width: 100%;
.visualization {
order: 2;
}
.filters {
order: 1;
margin: 0;
align-items: flex-start;
}
}
}
}