mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-04-14 19:47:03 +00:00
f7be7205e7
* move remaining files frm /common/script/public to website/public * remove localstorage * add back noscript template and put all javascript in the footer * fixes client side tests * remove double quotes where possible * simplify jade code and add tests for buildManifest * loading page with logo and spinner * better loading screen in landscape mode * icon on top of text logo * wip: user.notifications * notifications: simpler and working code * finish implementing notifications * correct loading screen css and re-inline images * add tests for user notifications * split User model in multiple files * remove old comment about missing .catch() * correctly setup hooks and methods for User model. Cleanup localstorage * include UserNotificationsService in static page js and split loading-screen css in its own file * add cron notification and misc fixes * remove console.log * fix tests * fix multiple notifications
55 lines
1,023 B
Stylus
55 lines
1,023 B
Stylus
#loadingScreen
|
|
z-index: 9999
|
|
width: 100%
|
|
height: 100%
|
|
padding-top: 150px
|
|
|
|
@media (max-device-width: 768px), (orientation: landscape)
|
|
#loadingScreen
|
|
padding-top: 75px
|
|
|
|
#loadingScreen img
|
|
display: block
|
|
margin: 0 auto
|
|
width: 90%
|
|
|
|
#loadingScreen .loading-logo-icon
|
|
max-width: 87.5px
|
|
margin-bottom: 15px
|
|
|
|
#loadingScreen .loading-logo-text
|
|
max-width: 282.5px
|
|
|
|
.loading-spinner
|
|
margin: 100px auto 0
|
|
width: 105px
|
|
padding-left: 5px
|
|
text-align: center
|
|
margin-top: 20px
|
|
|
|
.loading-spinner > div
|
|
width: 16px
|
|
height: 16px
|
|
background-color: #432476
|
|
border-radius: 100%
|
|
display: inline-block
|
|
animation: sk-bouncedelay 1.7s infinite ease-in-out both
|
|
margin-right: 5px
|
|
|
|
.loading-spinner .spinner__item1
|
|
animation-delay: -0.60s
|
|
|
|
.loading-spinner .spinner__item2
|
|
animation-delay: -0.40s
|
|
|
|
.loading-spinner .spinner__item3
|
|
animation-delay: -0.20s
|
|
|
|
@keyframes sk-bouncedelay
|
|
0%, 80%, 100% {
|
|
transform: scale(0)
|
|
opacity: 0
|
|
} 40% {
|
|
transform: scale(1.0)
|
|
opacity: 1
|
|
}
|