2021-08-09 18:04:09 +02:00
|
|
|
/*
|
|
|
|
* Network States
|
|
|
|
*/
|
|
|
|
|
|
|
|
.loading {
|
2021-08-18 20:38:12 +02:00
|
|
|
animation: fade 0.5s linear infinite;
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
|
|
|
|
2023-11-22 01:19:16 +01:00
|
|
|
// slower animation speed for big objects
|
|
|
|
.carousel__img.loading {
|
|
|
|
animation: fade 3s linear infinite;
|
|
|
|
}
|
|
|
|
|
2023-11-22 02:37:58 +01:00
|
|
|
.form-container.loading,
|
2023-11-22 01:19:16 +01:00
|
|
|
main.loading {
|
|
|
|
animation: shrink 0.5s linear 1;
|
|
|
|
max-height: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2023-11-22 02:37:58 +01:00
|
|
|
.form-container.loaded,
|
2023-11-22 01:19:16 +01:00
|
|
|
main.loaded {
|
|
|
|
animation: expand 0.5s linear 1;
|
|
|
|
max-height: fit-content;
|
|
|
|
}
|
|
|
|
|
2021-08-09 18:04:09 +02:00
|
|
|
.graphql-page {
|
2021-08-18 20:38:12 +02:00
|
|
|
&.response-404 {
|
|
|
|
cursor: not-allowed;
|
|
|
|
filter: grayscale(1);
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.is-offline {
|
2021-08-18 20:38:12 +02:00
|
|
|
iframe {
|
|
|
|
display: none;
|
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
.graphql-page {
|
|
|
|
&.response-523 {
|
|
|
|
cursor: not-allowed;
|
|
|
|
filter: grayscale(1);
|
|
|
|
opacity: 0.5;
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
2021-08-18 20:38:12 +02:00
|
|
|
}
|
2021-08-09 18:04:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
body.ajax-loading {
|
2021-08-18 20:38:12 +02:00
|
|
|
height: 100vh;
|
|
|
|
overflow: hidden;
|
2021-08-09 18:04:09 +02:00
|
|
|
|
2021-08-18 20:38:12 +02:00
|
|
|
#Header {
|
|
|
|
position: relative;
|
|
|
|
z-index: 2001;
|
|
|
|
}
|
2023-11-22 01:19:16 +01:00
|
|
|
}
|