68 lines
1.7 KiB
SCSS
Raw Normal View History

2018-08-31 10:26:37 +02:00
ion-app.app-root {
core-loading {
@include core-transition(height, 200ms);
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
}
2018-08-31 10:26:37 +02:00
.core-loading-content {
display: inline;
padding-bottom: 1px; /* This makes height be real */
}
2018-08-31 10:26:37 +02:00
&.core-loading-noheight .core-loading-content {
height: auto;
}
&.safe-area-page {
padding-left: 0 !important;
padding-right: 0 !important;
> .core-loading-content > *:not[padding],
> .core-loading-content-loading > *:not[padding] {
@include safe-area-padding-horizontal(0px, 0px);
}
}
}
2018-08-31 10:26:37 +02:00
.scroll-content > core-loading,
ion-content > .scroll-content > core-loading,
core-tab core-loading,
2018-08-31 10:26:37 +02:00
.core-loading-center {
position: static !important;
}
2018-08-31 10:26:37 +02:00
.scroll-content > core-loading,
ion-content > .scroll-content > core-loading,
core-tab core-loading,
2018-08-31 10:26:37 +02:00
.core-loading-center,
core-loading.core-loading-loaded {
position: relative;
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-08-31 10:26:37 +02:00
.core-loading-spinner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
}
}
}