Commit e2748d9e authored by Curtis Adam's avatar Curtis Adam

Add a loading screen and prevent templates from rendering until all required...

Add a loading screen and prevent templates from rendering until all required subscriptions got updated
parent 5981ead0
......@@ -23,4 +23,5 @@
@import '../imports/ui/access_denied/access_denied.scss';
@import '../imports/ui/markdeep/content.scss';
@import '../imports/ui/main/sweetAlert2.scss';
@import '../imports/ui/loadingScreen/loadingScreen.scss';
@import 'noscript.scss';
......@@ -458,6 +458,8 @@ $themes: (
$wordcloud_tooltip_backgroud: map-get($map, "wordcloud_tooltip_backgroud");
$wordcloud_tooltip_border: map-get($map, "wordcloud_tooltip_border");
$wordcloud_tooltip_divider: map-get($map, "wordcloud_tooltip_divider");
//loading screen
$loading_screen_icon: map-get($map, "loading_screen_icon");
background-image: $background_image !important;
.star-ratings .current-rating {
......@@ -2622,5 +2624,10 @@ $themes: (
.showArsnovaClick {
background-color: $white !important;
}
//loading screen
.loadingScreenContainer .fa {
color: $loading_screen_icon !important;
}
}
}
......@@ -459,6 +459,8 @@
"wordcloud_tooltip_text": $white,
"wordcloud_tooltip_backgroud": $thm_gray,
"wordcloud_tooltip_border": $white,
"wordcloud_tooltip_divider": $white
"wordcloud_tooltip_divider": $white,
//loading screen
"loading_screen_icon": black
);
}
......@@ -457,10 +457,12 @@
"sweet_alert_2_icon_info_text": $thm_dark_blue,
"sweet_alert_2_icon_question_border": $thm_gray,
"sweet_alert_2_icon_question_text": $thm_gray,
//wordcloud tooltip
//wordcloud tooltip
"wordcloud_tooltip_text": $white,
"wordcloud_tooltip_backgroud": $thm_gray,
"wordcloud_tooltip_border": $white,
"wordcloud_tooltip_divider": $white
"wordcloud_tooltip_divider": $white,
//loading screen
"loading_screen_icon": $thm_orange
);
}
This diff is collapsed.
<template name="loadingScreen">
<div class="loadingScreenContainer">
<i class="fa fa-spinner fa-spin"></i>
</div>
</template>
//------------------------ IMPORTS
import "./loadingScreen.html";
.loadingScreenContainer {
margin-top: 25%;
text-align: center;
.fa {
font-size: $loading_screen_size !important;
}
}
\ No newline at end of file
......@@ -28,6 +28,7 @@ import "../../api/groundDB.js";
import "../../api/cardIndex.js";
import "./overlays/zoomText.js";
import "../card/sidebar/sidebar.js";
import "../loadingScreen/loadingScreen.js";
import {Cardsets} from "../../api/cardsets.js";
import {Route} from "../../api/route";
import {CardVisuals} from "../../api/cardVisuals";
......
......@@ -172,6 +172,9 @@ $zoom_slider_handle_width: 70px;
$zoom_slider_handle_height: 30px;
$zoom_slider_handle_offset: -25px;
//loading screen
$loading_screen_size: 150px;
html {
position: relative;
min-height: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment