CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3833 iframe: Fix iframe heights

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2022-03-31 11:56:44 +02:00
parent 0963914524
commit c0a0d3bff6
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/core/components/iframe/iframe.scss
View File

@ -1,14 +1,5 @@
:host { :host {
> div { flex-grow: 1;
max-width: 100%;
max-height: 100%;
}
iframe {
border: 0;
display: block;
max-width: 100%;
background-color: var(--ion-background-color);
}
} }
:host-context(.core-iframe-fullscreen) { :host-context(.core-iframe-fullscreen) {
@ -21,3 +12,8 @@
height: 100%; height: 100%;
z-index: 9999; z-index: 9999;
} }
:host-context(.limited-width > :not([slot])) {
display: flex;
flex-direction: column;
}

1
src/core/components/loading/loading.scss
View File

@ -93,4 +93,5 @@
:host-context(.limited-width > ):not([slot]) { :host-context(.limited-width > ):not([slot]) {
--contents-display: flex; --contents-display: flex;
flex-direction: column; flex-direction: column;
min-height: 100%;
} }

2
src/theme/theme.base.scss
View File

@ -863,6 +863,7 @@ ion-content.limited-width > :not([slot]) {
ion-content.limited-width > :not([slot]) { ion-content.limited-width > :not([slot]) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100%;
} }
ion-toolbar h1 img.core-bar-button-image, ion-toolbar h1 img.core-bar-button-image,
@ -1500,6 +1501,7 @@ ion-content.disable-scroll-y::part(scroll) {
} }
iframe { iframe {
flex-grow: 1;
border: 0; border: 0;
display: block; display: block;
max-width: 100%; max-width: 100%;