EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3076 splash: Use full size splash screen

main
Pau Ferrer Ocaña 2019-06-14 11:03:50 +02:00
parent 9c7dc76730
commit b66e87b86b
5 changed files with 18 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/splash.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
src/assets/img/splash_logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

5
src/core/login/pages/init/init.html
View File

@ -1,8 +1,5 @@
<ion-content>
<div class="core-bglogo">
<div class="core-logo">
<img src="assets/img/splash_logo.png"/>
<ion-spinner></ion-spinner>
</div>
<ion-spinner></ion-spinner>
</div>
</ion-content>

38
src/core/login/pages/init/init.scss
View File

@ -1,34 +1,30 @@
$core-splash-bgsize: 100vmax !default;
$core-splash-spinner-color: $core-init-screen-spinner-color !default;
$core-splash-bgcolor: $core-color-init-screen !default;
ion-app.app-root page-core-login-init {
.scroll-content {
background-color: $core-color-init-screen; /* Change this to add a bg image or change color */
background: -webkit-radial-gradient($core-color-init-screen-alt, $core-color-init-screen);
background: radial-gradient($core-color-init-screen-alt, $core-color-init-screen);
background-repeat: no-repeat;
background-position: center center;
}
.core-bglogo {
background: $core-splash-bgcolor; /* Change this to add a bg image or change color */
overflow: hidden;
position: absolute;
@include position(0, 0, 0, 0);
height: 100%;
width: 100%;
display: table;
}
.core-bglogo {
display: table-cell;
text-align: center;
vertical-align: middle;
.core-logo {
display: table-cell;
text-align: center;
vertical-align: middle;
}
img {
width: $core-init-screen-logo-width;
max-width: $core-init-screen-logo-max-width;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
background-image: url('/assets/img/splash.png');
background-repeat: no-repeat;
background-size: 100%;
background-size: $core-splash-bgsize;
background-position: center;
.spinner circle, .spinner line {
stroke: $core-init-screen-spinner-color;
stroke: $core-splash-spinner-color;
}
}
}

3
src/theme/variables.scss
View File

@ -133,10 +133,7 @@ $core-star-color: $core-color !default;
// Init screen.
$core-color-init-screen: #ffffff !default;
$core-color-init-screen-alt: #ffffff !default;
$core-init-screen-spinner-color: $core-color !default;
$core-init-screen-logo-width: 60% !default;
$core-init-screen-logo-max-width: 300px !default;
$core-fixed-url: false !default;