mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-27 06:56:35 +08:00
c682292a4c
This PR significantly improves the admin user visits reports by combining desktop and mobile visits into a single stacked chart, with comprehensive styling enhancements. 📊 Stacked Chart Implementation - Combined Reports: Merged visits and mobile_visits reports into a single stacked bar chart - Chart Mode: Set default chart mode to stacked_chart for better data visualization - Added default grouping mode option 🎨 Visual Enhancements - Chart Styling: Added diagonal gradients, rounded corners, increased size, and modern appearance - Legend Positioning: Moved legend below chart with custom colored boxes - Color Theming: Full dark mode support using CSS variables - Animations: Smooth transitions with prefers-reduced-motion accessibility support - Fixed Y-Axis: Y-axis scale remains constant when toggling dataset visibility - Tooltip Styling: Enhanced tooltip appearance and information display - Layout Restyling: Improved admin report page layout and filters - Small changes to copy
40 lines
634 B
SCSS
Vendored
40 lines
634 B
SCSS
Vendored
.admin-reports {
|
|
.admin-report {
|
|
width: 100%;
|
|
|
|
.report-header {
|
|
padding-bottom: 0.5em;
|
|
margin-bottom: 1em;
|
|
border-bottom: 1px solid var(--content-border-color);
|
|
}
|
|
}
|
|
|
|
.admin-report-chart .chart-canvas-container {
|
|
height: clamp(200px, 50vh, 350px);
|
|
}
|
|
}
|
|
|
|
.mobile-view .admin-reports {
|
|
.admin-report {
|
|
.body {
|
|
flex-direction: column;
|
|
|
|
.filters {
|
|
order: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.main {
|
|
order: 2;
|
|
}
|
|
|
|
.report-alert {
|
|
margin: 0;
|
|
order: 1;
|
|
flex: 1 0 0px;
|
|
padding: 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
