Skip to content

Commit 913191c

Browse files
authored
Merge pull request #63 from DevCom-IITB/develop
Mobile Redesign for Dashboard - Minor Fixes Made the dashboard responsive and created new mobile view pages for all sections, improving usability on phones and tablets :D (minor css bug fixes for stats page)
2 parents 0446675 + d2f7e6d commit 913191c

File tree

2 files changed

+11
-2
lines changed

2 files changed

+11
-2
lines changed

src/app/app-routing.module.ts

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,9 @@ const routes: Routes = [
4242
];
4343

4444
@NgModule({
45-
imports: [RouterModule.forRoot(routes)],
45+
imports: [RouterModule.forRoot(routes, {
46+
scrollPositionRestoration: 'top',
47+
})],
4648
exports: [RouterModule]
4749
})
4850
export class AppRoutingModule { }

src/app/statistics/statistics.component.css

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,9 +161,16 @@ li.text-stats-item {
161161
align-items: center !important;
162162
width: 100% !important;
163163
margin: 0 auto !important;
164-
overflow-x: visible !important;
164+
overflow-x: auto !important;
165165
box-sizing: border-box;
166166
padding: 0;
167+
max-width: 100vw;
168+
}
169+
170+
#mess_data .js-plotly-plot,
171+
#student_data .js-plotly-plot {
172+
max-width: 100%;
173+
min-width: 300px;
167174
}
168175
#display-data{
169176
color: #ffffff;

0 commit comments

Comments
 (0)