2018-08-31 10:26:37 +02:00
|
|
|
ion-app.app-root {
|
|
|
|
core-loading {
|
|
|
|
@include core-transition(height, 200ms);
|
2018-04-16 12:27:05 +02:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
.core-loading-container {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 10px;
|
|
|
|
clear: both;
|
2019-09-12 16:40:42 +02:00
|
|
|
@include darkmode() {
|
|
|
|
color: $core-dark-text-color;
|
|
|
|
}
|
2018-08-31 10:26:37 +02:00
|
|
|
}
|
2017-11-24 15:13:27 +01:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
.core-loading-content {
|
|
|
|
display: inline;
|
|
|
|
padding-bottom: 1px; /* This makes height be real */
|
|
|
|
}
|
2017-11-24 15:13:27 +01:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
&.core-loading-noheight .core-loading-content {
|
|
|
|
height: auto;
|
|
|
|
}
|
2019-09-09 12:49:13 +02:00
|
|
|
|
|
|
|
&.safe-area-page {
|
|
|
|
padding-left: 0 !important;
|
|
|
|
padding-right: 0 !important;
|
|
|
|
|
2019-10-02 17:44:45 +02:00
|
|
|
> .core-loading-content > *:not[padding],
|
|
|
|
> .core-loading-content-loading > *:not[padding] {
|
2019-09-09 12:49:13 +02:00
|
|
|
@include safe-area-padding-horizontal(0px, 0px);
|
|
|
|
}
|
|
|
|
}
|
2017-11-24 15:13:27 +01:00
|
|
|
}
|
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
.scroll-content > core-loading,
|
|
|
|
ion-content > .scroll-content > core-loading,
|
2019-08-28 09:32:07 +02:00
|
|
|
core-tab core-loading,
|
2018-08-31 10:26:37 +02:00
|
|
|
.core-loading-center {
|
|
|
|
position: static !important;
|
|
|
|
}
|
2018-04-16 12:27:05 +02:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
.scroll-content > core-loading,
|
|
|
|
ion-content > .scroll-content > core-loading,
|
2019-08-28 09:32:07 +02:00
|
|
|
core-tab core-loading,
|
2018-08-31 10:26:37 +02:00
|
|
|
.core-loading-center,
|
|
|
|
core-loading.core-loading-loaded {
|
|
|
|
position: relative;
|
2017-11-24 15:13:27 +01:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
> .core-loading-container {
|
|
|
|
position: absolute;
|
|
|
|
@include position(0, 0, 0, 0);
|
|
|
|
display: table;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
z-index: 1;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
clear: both;
|
2018-04-16 12:27:05 +02:00
|
|
|
|
2018-08-31 10:26:37 +02:00
|
|
|
.core-loading-spinner {
|
|
|
|
display: table-cell;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
2018-04-16 12:27:05 +02:00
|
|
|
}
|
2017-11-24 15:13:27 +01:00
|
|
|
}
|
|
|
|
}
|