From 375e49b3ef0aaf5380179d1eb227e12ac5d6a8d4 Mon Sep 17 00:00:00 2001 From: Sieren Date: Mon, 26 Jan 2026 12:50:27 +0100 Subject: [PATCH] feat: improve statistics page on mobile devices Make sure the side-bar timeline dynamically shrinks to a smaller amount, while also keeping consistency with the top navigation bar between the map view and statistics page. --- src/main/resources/static/css/main.css | 25 ++++++++++++++++++++ src/main/resources/templates/statistics.html | 2 +- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css index 53561264..9f1e7882 100644 --- a/src/main/resources/static/css/main.css +++ b/src/main/resources/static/css/main.css @@ -130,6 +130,15 @@ body { font-size: 1.4rem; } +.statistics-page .navbar { + margin-left: 0; +} + +.statistics-page .navigation-container { + background-color: rgba(59, 59, 59, 0.68); + backdrop-filter: blur(10px); +} + .navbar i { font-size: 1.4rem; } @@ -2643,4 +2652,20 @@ button:disabled { } .timeband-item.selected:hover::before { opacity: 1; +} + +@media (max-width: 900px) { + .statistics-page .timeline { + width: 24%; + } + + .statistics-page .navigation-container { + width: 100%; + } + + .statistics-page .statistics-content { + margin-left: 22%; + padding: 72px 1rem 1rem; + z-index: 1; + } } \ No newline at end of file diff --git a/src/main/resources/templates/statistics.html b/src/main/resources/templates/statistics.html index 996e4810..36b75e79 100644 --- a/src/main/resources/templates/statistics.html +++ b/src/main/resources/templates/statistics.html @@ -15,7 +15,7 @@ - +