fix for hui-panel-view and button text justification

maykar · Jan 12, 2020 · f4040cb · f4040cb
1 parent d4c94d7
commit f4040cb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/style-header.js b/src/style-header.js
@@ -185,10 +185,15 @@ export const styleHeader = config => {
         } else {
           buttonElem.shadowRoot.querySelector('.buttonText').innerHTML = config.button_text[button];
         }
+        buttonElem.shadowRoot.querySelector('.buttonText').dir = 'ltr';
         if (button == 'menu') {
-          buttonElem.shadowRoot.querySelector('.buttonText').dir = config.reverse_button_direction ? 'rtl' : 'ltr';
+          buttonElem.shadowRoot.querySelector('.buttonText').style.textAlign = config.reverse_button_direction
+            ? 'right'
+            : 'left';
         } else {
-          buttonElem.shadowRoot.querySelector('.buttonText').dir = config.reverse_button_direction ? 'ltr' : 'rtl';
+          buttonElem.shadowRoot.querySelector('.buttonText').style.textAlign = config.reverse_button_direction
+            ? 'left'
+            : 'right';
         }
         buttonElem.shadowRoot.querySelector('iron-icon').style.display = 'none';
         buttonElem.style.width = 'auto';

diff --git a/src/style-tags.js b/src/style-tags.js
@@ -183,6 +183,7 @@ export const insertStyleTags = config => {
         hui-panel-view {
           padding-top: 96px;
           ${config.panel_view_css ? config.panel_view_css : ''}
+          ${config.kiosk_mode || config.hide_header ? `min-height: 100vh;` : ''}
         }
         hui-view {
           padding-top: 100px;
@@ -198,6 +199,7 @@ export const insertStyleTags = config => {
               ? 'min-height: calc(100vh - 52px) !important; margin-bottom: -48px;'
               : ''
           }
+          ${config.kiosk_mode || config.hide_header ? `min-height: 100vh !important;` : ''}
         }
       `;