From ad7baa4fb82cf1eca637a95d80b19ceca9fd91e9 Mon Sep 17 00:00:00 2001 From: XK4MiLX <62837435+XK4MiLX@users.noreply.github.com> Date: Sat, 19 Oct 2024 12:47:45 +0200 Subject: [PATCH] Improve scrollbar visibility for ApexCharts in dark and light layouts --- HomeUI/src/views/dashboard/Map.vue | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/HomeUI/src/views/dashboard/Map.vue b/HomeUI/src/views/dashboard/Map.vue index 18a6588ca..f1c00c434 100644 --- a/HomeUI/src/views/dashboard/Map.vue +++ b/HomeUI/src/views/dashboard/Map.vue @@ -273,4 +273,15 @@ export default { .dark-layout span.apexcharts-legend-text { color: #d0d2d6 !important; } + .dark-layout .apexcharts-canvas ::-webkit-scrollbar-track { + background-color: #2a2a2a; + border-radius: 10px; + } + .dark-layout .apexcharts-canvas ::-webkit-scrollbar-thumb { + background-color: #888888; + } + .apexcharts-canvas ::-webkit-scrollbar-track { + background-color: #888888; + border-radius: 10px; + }