MOBILE-3814 loading: Display contents on loading content fixes iframe
parent
7dc81feb92
commit
6363a19b11
|
@ -8,6 +8,7 @@
|
||||||
--loading-inline-margin: 0px;
|
--loading-inline-margin: 0px;
|
||||||
--loading-inline-min-height: 28px;
|
--loading-inline-min-height: 28px;
|
||||||
--internal-loading-inline-min-height: var(--loading-inline-min-height);
|
--internal-loading-inline-min-height: var(--loading-inline-min-height);
|
||||||
|
--content-display: contents;
|
||||||
|
|
||||||
position: static;
|
position: static;
|
||||||
color: var(--loading-text-color);
|
color: var(--loading-text-color);
|
||||||
|
@ -45,6 +46,7 @@
|
||||||
|
|
||||||
.core-loading-content {
|
.core-loading-content {
|
||||||
@include core-transition(opacity, 200ms);
|
@include core-transition(opacity, 200ms);
|
||||||
|
display: var(--content-display);
|
||||||
}
|
}
|
||||||
|
|
||||||
.core-loading-message {
|
.core-loading-message {
|
||||||
|
@ -75,11 +77,14 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.has-spacer .core-loading-content {
|
&.has-spacer {
|
||||||
|
--content-display: flex;
|
||||||
|
|
||||||
|
.core-loading-content {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.list-item-limited-width .core-loading-content {
|
&.list-item-limited-width .core-loading-content {
|
||||||
max-width: var(--list-item-max-width);
|
max-width: var(--list-item-max-width);
|
||||||
|
|
Loading…
Reference in New Issue