1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 10:46:32 +00:00

Merge pull request #465 from BoostIO/Design-update

Fix the loading layout
This commit is contained in:
Kazu Yokomizo
2017-04-21 20:48:44 +09:00
committed by GitHub
2 changed files with 7 additions and 2 deletions

View File

@@ -95,6 +95,10 @@ body[data-theme="dark"]
.override .override
button button
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
transition 0.15s
color $ui-dark-text-color
.control-trashButton .control-trashButton
topBarButtonDark() topBarButtonDark()

View File

@@ -11,7 +11,7 @@
<style> <style>
@font-face { @font-face {
font-family: 'Lato'; font-family: 'OpenSans';
src: url('../resources/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ src: url('../resources/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
url('../resources/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('../resources/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
url('../resources/fonts/Lato-Regular.ttf') format('truetype'); url('../resources/fonts/Lato-Regular.ttf') format('truetype');
@@ -20,6 +20,7 @@
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
#loadingCover{ #loadingCover{
background-color: #f4f4f4;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@@ -47,7 +48,7 @@
<body> <body>
<div id="loadingCover"> <div id="loadingCover">
<img src="../resources/app.png"> <img src="../resources/app.png">
<div class='message'>Loading...</div> <div class='message'><i class="fa fa-spinner fa-spin" spin></i></div>
</div> </div>
<div id="content"></div> <div id="content"></div>