Todo list layout fixes (#19150)

home-assistant · Dec 27, 2023 · 3aa612b · 3aa612b
1 parent a2ffd0a
commit 3aa612b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/src/panels/calendar/dialog-calendar-event-editor.ts b/src/panels/calendar/dialog-calendar-event-editor.ts
@@ -584,9 +584,11 @@ class DialogCalendarEventEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        ha-dialog {
-          --mdc-dialog-min-width: min(600px, 95vw);
-          --mdc-dialog-max-width: min(600px, 95vw);
+        @media all and (min-width: 450px and min-height: 500px) {
+          ha-dialog {
+            --mdc-dialog-min-width: min(600px, 95vw);
+            --mdc-dialog-max-width: min(600px, 95vw);
+          }
         }
         state-info {
           line-height: 40px;

diff --git a/src/panels/todo/dialog-todo-item-editor.ts b/src/panels/todo/dialog-todo-item-editor.ts
@@ -377,9 +377,11 @@ class DialogTodoItemEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        ha-dialog {
-          --mdc-dialog-min-width: min(600px, 95vw);
-          --mdc-dialog-max-width: min(600px, 95vw);
+        @media all and (min-width: 450px and min-height: 500px) {
+          ha-dialog {
+            --mdc-dialog-min-width: min(600px, 95vw);
+            --mdc-dialog-max-width: min(600px, 95vw);
+          }
         }
         ha-alert {
           display: block;

diff --git a/src/panels/todo/ha-panel-todo.ts b/src/panels/todo/ha-panel-todo.ts
@@ -361,6 +361,7 @@ class PanelTodo extends LitElement {
           flex-direction: row;
           justify-content: center;
           margin: 8px;
+          padding-bottom: 70px;
         }
         .column {
           flex: 1 0 0;
@@ -411,7 +412,7 @@ class PanelTodo extends LitElement {
           display: block;
         }
         ha-fab {
-          position: absolute;
+          position: fixed;
           right: 16px;
           bottom: 16px;
         }