From 76c87d1a7466393037b2ddee4bc1ad1b2b0680e5 Mon Sep 17 00:00:00 2001 From: Daniel Lee Date: Thu, 12 Apr 2018 10:52:21 +0200 Subject: [PATCH 1/2] scrollbar: fixes continuation scrolling for iOS The -webkit-overflow-scrolling is an iOS only property: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling that turns on momementum/continuation scrolling for iOS devices. This means that when swiping, the scroll continues for a half second rather than instantly stopping the scroll when the user lifts their finger from the screen. --- public/sass/layout/_page.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/public/sass/layout/_page.scss b/public/sass/layout/_page.scss index d7399865e53..c80d461541e 100644 --- a/public/sass/layout/_page.scss +++ b/public/sass/layout/_page.scss @@ -28,6 +28,7 @@ width: 100%; overflow: auto; height: 100%; + -webkit-overflow-scrolling: touch; &--dashboard { height: calc(100% - 56px); From d4398479f52df8f21dcc16b673d6899d2bda48b6 Mon Sep 17 00:00:00 2001 From: Daniel Lee Date: Thu, 12 Apr 2018 11:26:27 +0200 Subject: [PATCH 2/2] scrollbar: fix so no overflow for legend under graph Adds 1px of padding to the graph legend scroll div so that a non-table legend does not get an unnecessary scroll bar. --- public/sass/components/_panel_graph.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/public/sass/components/_panel_graph.scss b/public/sass/components/_panel_graph.scss index a19e0072518..8a818d78c05 100644 --- a/public/sass/components/_panel_graph.scss +++ b/public/sass/components/_panel_graph.scss @@ -75,6 +75,7 @@ .graph-legend-scroll { position: relative; overflow: auto !important; + padding: 1px; } .graph-legend-icon {