Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

style splash screen

Browse source
This commit is contained in:
Felix Niklas 2015-10-05 14:10:45 +02:00
parent 3e4ad0e8d4
commit 0636963338
2 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/assets/stylesheets/zammad.scss
View file

@ -2130,18 +2130,21 @@ footer {
margin-left: 80px; margin-left: 80px;
} }
#splash { .splash {
background-color: #eee;
position: absolute; position: absolute;
width: 100%; left: 0;
top: 0; top: 0;
width: 100%;
height: 100%; height: 100%;
} background: hsl(210,17%,98%);
#splash .logo { display: flex;
margin-left: auto; align-items: center;
margin-right: auto; justify-content: center;
margin-top: 200px; font-size: 16px;
width: 100px;
.icon {
margin-right: 10px;
}
} }
.navigation { .navigation {

5
app/views/init/index.html.erb
View file

@ -2,6 +2,7 @@
<%= inline_svg('icons.svg') %> <%= inline_svg('icons.svg') %>
</div> </div>
<div id="app"></div> <div id="app"></div>
<div id="splash"> <div class="splash">
<div class="logo">booting...</div> <svg class="icon icon-logo"><use xlink:href="#icon-logo"/></svg>
<div class="splash-title">Loading...</div>
</div> </div>