jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Todo list layout fixes (#19150)

Browse Source
This commit is contained in:
Bram Kragten 2023-12-27 13:22:36 +01:00 committed by GitHub
parent a2ffd0ae83
commit 3aa612b766
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/panels/calendar/dialog-calendar-event-editor.ts
View File

@ -584,9 +584,11 @@ class DialogCalendarEventEditor extends LitElement {
return [ return [
haStyleDialog, haStyleDialog,
css` css`
ha-dialog { @media all and (min-width: 450px and min-height: 500px) {
--mdc-dialog-min-width: min(600px, 95vw); ha-dialog {
--mdc-dialog-max-width: min(600px, 95vw); --mdc-dialog-min-width: min(600px, 95vw);
--mdc-dialog-max-width: min(600px, 95vw);
}
} }
state-info { state-info {
line-height: 40px; line-height: 40px;

8
src/panels/todo/dialog-todo-item-editor.ts
View File

@ -377,9 +377,11 @@ class DialogTodoItemEditor extends LitElement {
return [ return [
haStyleDialog, haStyleDialog,
css` css`
ha-dialog { @media all and (min-width: 450px and min-height: 500px) {
--mdc-dialog-min-width: min(600px, 95vw); ha-dialog {
--mdc-dialog-max-width: min(600px, 95vw); --mdc-dialog-min-width: min(600px, 95vw);
--mdc-dialog-max-width: min(600px, 95vw);
}
} }
ha-alert { ha-alert {
display: block; display: block;

3
src/panels/todo/ha-panel-todo.ts
View File

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