Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
iCity
EnergyDashboard
Commits
7f38357c
Commit
7f38357c
authored
Jul 21, 2021
by
Pithon Kabiro
Browse files
Add HTML and CSS for a loading indicator
parent
91b9dc0d
Changes
3
Show whitespace changes
Inline
Side-by-side
index.html
View file @
7f38357c
...
...
@@ -178,6 +178,10 @@
<br /> -->
</div>
<div
id=
"cesiumGlobeContainer"
></div>
<!-- This div is empty; we use it for the loading indicator -->
<div
id=
"loadingIndicator"
class=
"cover"
>
<div
id=
"loadingIcon"
class=
"loadingIndicator"
></div>
</div>
</div>
</div>
</div>
...
...
public/css/stylesCustom.css
View file @
7f38357c
...
...
@@ -36,3 +36,28 @@
.hidden
{
visibility
:
hidden
;
}
.loadingIndicator
{
display
:
none
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
margin-top
:
-33px
;
margin-left
:
-33px
;
width
:
66px
;
height
:
66px
;
background
:
url(../images/ajax-loader.gif)
center
no-repeat
;
}
.cover
{
display
:
none
;
position
:
absolute
;
background-color
:
rgba
(
0
,
0
,
0
,
0.75
);
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
/* value should be larger than that for our custom toolbar so that it is drawn on top of it*/
z-index
:
15
;
}
public/images/ajax-loader.gif
0 → 100644
View file @
7f38357c
6.66 KB
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment