Polymer 1.0: Fix dialog appearance on small screens

2015-05-27 23:51:17 -07:00
parent ce7e6d37ed
commit 69630a53f7
1 changed files with 14 additions and 0 deletions
--- a/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html
+++ b/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html
@@ -14,6 +14,20 @@
    state-card-content {
      margin-bottom: 24px;
    }
+
+    @media all and (max-width: 450px) {
+      paper-dialog {
+        margin: 0;
+        width: 100%;
+        max-height: calc(100% - 64px);
+
+        position: fixed !important;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
+        overflow: scroll;
+      }
+    }
  </style>
  <template>
    <!-- entry-animation='slide-up-animation' exit-animation='slide-down-animation' -->