From 3324c7e01cec5c1b569fba48e9572ebb34b57b4d Mon Sep 17 00:00:00 2001
From: NovapaX <maarten@oosterwijkbrandpreventie.nl>
Date: Sun, 18 Mar 2018 01:26:02 +0100
Subject: [PATCH] Nicer scrolling for more-info (#1005)

* nicer more-info scrolling (momentum & rubberband)

* move chart into scrolling region.
Fixes resizing issues of the paper-dialog (and scrolling area) because
of chart rendering after loading.
---
 src/dialogs/more-info/more-info-controls.html | 38 +++++++++----------
 src/resources/ha-style.html                   |  4 +-
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/dialogs/more-info/more-info-controls.html b/src/dialogs/more-info/more-info-controls.html
index b28bc19b22..29e6d206a0 100644
--- a/src/dialogs/more-info/more-info-controls.html
+++ b/src/dialogs/more-info/more-info-controls.html
@@ -66,27 +66,27 @@
         state-obj="[[stateObj]]"
         hass='[[hass]]' in-dialog></state-card-content>
     </template>
-
-    <template is='dom-if' if="[[_computeShowHistoryComponent(hass, stateObj)]]" restamp>
-      <ha-state-history-data
-        hass='[[hass]]'
-        filter-type='recent-entity'
-        entity-id='[[stateObj.entity_id]]'
-        data='{{_stateHistory}}'
-        is-loading='{{_stateHistoryLoading}}'
-        cache-config='[[_cacheConfig]]'
-      ></ha-state-history-data>
-      <state-history-charts
-        history-data="[[_stateHistory]]"
-        is-loading-data="[[_stateHistoryLoading]]"
-        up-to-now
-        no-single=[[large]]
-        is-zoomable=[[large]]
-      ></state-history-charts>
-    </template>
     <paper-dialog-scrollable dialog-element='[[dialogElement]]'>
+      <template is='dom-if' if="[[_computeShowHistoryComponent(hass, stateObj)]]" restamp>
+        <ha-state-history-data
+          hass='[[hass]]'
+          filter-type='recent-entity'
+          entity-id='[[stateObj.entity_id]]'
+          data='{{_stateHistory}}'
+          is-loading='{{_stateHistoryLoading}}'
+          cache-config='[[_cacheConfig]]'
+        ></ha-state-history-data>
+        <state-history-charts
+          history-data="[[_stateHistory]]"
+          is-loading-data="[[_stateHistoryLoading]]"
+          up-to-now
+          no-single=[[large]]
+          is-zoomable=[[large]]
+        ></state-history-charts>
+      </template>
       <more-info-content
-          state-obj="[[stateObj]]" hass='[[hass]]'></more-info-content>
+        state-obj="[[stateObj]]" hass='[[hass]]'
+      ></more-info-content>
     </paper-dialog-scrollable>
   </template>
 </dom-module>
diff --git a/src/resources/ha-style.html b/src/resources/ha-style.html
index d956eedd4c..12f441b3b0 100644
--- a/src/resources/ha-style.html
+++ b/src/resources/ha-style.html
@@ -172,7 +172,7 @@
         }
 
         --paper-dialog-scrollable: {
-          -webkit-overflow-scrolling: auto;
+          -webkit-overflow-scrolling: touch;
           margin-bottom: 16px;
         }
       }
@@ -183,7 +183,7 @@
         }
         :host {
           --paper-dialog-scrollable: {
-            -webkit-overflow-scrolling: auto;
+            -webkit-overflow-scrolling: touch;
             margin-bottom: 0px;
           }
         }