Make paper-scrollable in fullscreen dialog resize properly (#1052)

* remove min-height to make paper-scrollable work properly.
Hack fullscreen background behind it

* apply fix to hassio-markdown-dialog

hassio/hassio-markdown-dialog.html

@@ -31,7 +31,16 @@
       @media all and (max-width: 450px), all and (max-height: 500px) {
         paper-dialog {
           max-height: 100%;
-          height: 100%;
+        }
+        paper-dialog::before {
+          content: "";
+          position: fixed;
+          z-index: -1;
+          top: 0px;
+          left: 0px;
+          right: 0px;
+          bottom: 0px;
+          background-color: inherit;
         }
         app-toolbar {
           color: var(--text-primary-color);

src/dialogs/ha-more-info-dialog.html

@@ -43,6 +43,16 @@
         :host {
           @apply(--ha-dialog-fullscreen);
         }
+        :host::before {
+          content: "";
+          position: fixed;
+          z-index: -1;
+          top: 0px;
+          left: 0px;
+          right: 0px;
+          bottom: 0px;
+          background-color: inherit;
+        }
       }
 
       :host([data-domain=camera]) {

src/resources/ha-style.html

@@ -164,7 +164,6 @@
         }
 
         --ha-dialog-fullscreen: {
-          min-height: 100% !important;
           width: 100% !important;
           border-radius: 0px;
           position: fixed !important;