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

Fix initial scroll inside more info dialog (#15473)

Browse Source
This commit is contained in:
Paul Bottein 2023-02-16 12:54:17 +01:00 committed by GitHub
parent d5578c236f
commit 8631139133
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/dialogs/more-info/ha-more-info-dialog.ts
View File

@ -273,6 +273,7 @@ export class MoreInfoDialog extends LitElement {
--dialog-surface-position: static; --dialog-surface-position: static;
--dialog-content-position: static; --dialog-content-position: static;
--vertical-align-dialog: flex-start; --vertical-align-dialog: flex-start;
--dialog-content-padding: 0;
} }
ha-header-bar { ha-header-bar {
@ -297,8 +298,12 @@ export class MoreInfoDialog extends LitElement {
var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12)); var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12));
} }
:host([tab="settings"]) ha-dialog { ha-dialog .content {
--dialog-content-padding: 0px; padding: 24px;
}
:host([tab="settings"]) ha-dialog .content {
padding: 0px;
} }
@media all and (min-width: 600px) and (min-height: 501px) { @media all and (min-width: 600px) and (min-height: 501px) {
@ -321,8 +326,8 @@ export class MoreInfoDialog extends LitElement {
} }
} }
:host([tab="info"]) ha-dialog[data-domain="camera"] { :host([tab="info"]) ha-dialog[data-domain="camera"] .content {
--dialog-content-padding: 0; padding: 0;
/* max height of the video is full screen, minus the height of the header of the dialog and the padding of the dialog (mdc-dialog-max-height: calc(100% - 72px)) */ /* max height of the video is full screen, minus the height of the header of the dialog and the padding of the dialog (mdc-dialog-max-height: calc(100% - 72px)) */
--video-max-height: calc(100vh - 113px - 72px); --video-max-height: calc(100vh - 113px - 72px);
} }