Commit f8b305b6 authored by IKEDA Soji's avatar IKEDA Soji
Browse files

Improve "Please wait..." text to place it at center of display.

parent 1932d6ab
......@@ -26,15 +26,7 @@
[% END %]
[%# Show loading notice only when javascript is enabled. ~%]
[% IF top_menu ~%]
[% IF not list ~%]
<div id="loading" class="row"></div>
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
<div id="loading"></div>
[% TRY; PROCESS aside_menu.tt2; CATCH; ''; END %]
[% IF top_menu %]
......
......@@ -618,17 +618,22 @@ table tr th, table tr td {
}
#loading {
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background-color:[% color_7 %];
background-color: rgba(255, 255, 255, 0.75);
overflow: hidden;
display: none;
z-index: 1;
}
#loadingText {
width: 100%;
text-align: center;
padding-top: 10rem;
line-height: 100vh;
vertical-align: middle;
color: rgb(0, 75, 148);
font-weight: 100;
font-size: 2rem;
......@@ -2161,6 +2166,9 @@ nav menu button{
margin: 0;
overflow: visible;
width: 16.7%; /* Corresponds large-2 columns */
[%# Show logo in the front ~%]
position: relative;
z-index: 2;
}
}
......
......@@ -51,15 +51,7 @@
[% END %]
[%# Show loading notice only when javascript is enabled. ~%]
[% IF top_menu ~%]
[% IF not list ~%]
<div id="loading" class="row"></div>
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
<div id="loading"></div>
[% PROCESS aside_menu.tt2 %]
[% UNLESS action == 'home' ~%]
......
......@@ -26,15 +26,7 @@
[% END %]
[%# Show loading notice only when javascript is enabled. ~%]
[% IF top_menu ~%]
[% IF not list ~%]
<div id="loading" class="row"></div>
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
[%~ ELSE ~%]
<div id="loading" class="medium-9 columns"></div>
[%~ END %]
<div id="loading"></div>
[% TRY; PROCESS aside_menu.tt2; CATCH; ''; END %]
[% IF top_menu %]
......
......@@ -569,7 +569,6 @@ $(function() {
$('.heavyWork').on('click', function(){
$('#loading').show();
$('#content-inner').hide();
});
});
......
Supports Markdown
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