diff options
author | Dan Finlay <dan@danfinlay.com> | 2017-06-15 10:15:50 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2017-06-15 10:15:50 +0800 |
commit | 1ed5804e4dd2f85549abcb8dfd8981dab3f6868c (patch) | |
tree | a6f607e3d28584565427239c973322c2591b4c9c /ui/app/components | |
parent | 68389d5d496dc11a25ce07b5f95b0e10954e847f (diff) | |
download | tangerine-wallet-browser-1ed5804e4dd2f85549abcb8dfd8981dab3f6868c.tar.gz tangerine-wallet-browser-1ed5804e4dd2f85549abcb8dfd8981dab3f6868c.tar.zst tangerine-wallet-browser-1ed5804e4dd2f85549abcb8dfd8981dab3f6868c.zip |
Multiple loading style improvements
- When seeking network, show a full screen loading indication + message.
- Network menu is still accessible "over" this indication.
- Top Menu-Droppo components now slide *under* the menu bar like they should.
- Loading indication opacity increased to increase message legibility.
Diffstat (limited to 'ui/app/components')
-rw-r--r-- | ui/app/components/loading.js | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/ui/app/components/loading.js b/ui/app/components/loading.js index 88dc535df..87d6f5d20 100644 --- a/ui/app/components/loading.js +++ b/ui/app/components/loading.js @@ -26,18 +26,21 @@ LoadingIndicator.prototype.render = function () { style: { zIndex: 10, position: 'absolute', + flexDirection: 'column', display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%', width: '100%', - background: 'rgba(255, 255, 255, 0.5)', + background: 'rgba(255, 255, 255, 0.8)', }, }, [ h('img', { src: 'images/loading.svg', }), + h('br'), + showMessageIfAny(loadingMessage), ]) : null, ]) |