From be2a5927e36c472c54b265cb3e1c5530f9ec7756 Mon Sep 17 00:00:00 2001 From: Biswa Kalyan Bhuyan Date: Sat, 3 May 2025 19:44:18 +0530 Subject: feat: added the graph popup option --- static/css/style.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'static/css/style.css') diff --git a/static/css/style.css b/static/css/style.css index a32b5d9..b56451f 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -251,6 +251,7 @@ header span { } .chart-container { + cursor: pointer; position: relative; width: 100%; height: 200px; @@ -258,6 +259,20 @@ header span { margin-bottom: 10px; } +.chart-container::after { + content: '🔍'; + position: absolute; + top: 5px; + right: 5px; + font-size: 16px; + opacity: 0; + transition: opacity 0.2s ease; +} + +.chart-container:hover::after { + opacity: 0.8; +} + .metric-section-header { grid-column: 1 / -1; margin-top: 15px; @@ -392,3 +407,16 @@ header span { .shake { animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } + +/* Expanded Chart Modal Styles */ +.chart-modal-content { + width: 90%; + max-width: 800px; +} + +.expanded-chart-container { + position: relative; + width: 100%; + height: 400px; + margin: 20px 0; +} -- cgit v1.2.3-59-g8ed1b