diff options
| author | Dan <danjm.com@gmail.com> | 2017-11-10 00:47:10 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-11-10 03:18:47 +0800 |
| commit | 62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8 (patch) | |
| tree | 9fdad876157e5fd4615f278edda2521902526d0c /ui/app/css | |
| parent | 424c1f23c91b06b687ddb3a3cbc79610584dc23f (diff) | |
| download | tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar.gz tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar.bz2 tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar.lz tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar.xz tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.tar.zst tangerine-wallet-browser-62f2aebe1d9c3efd6ace8785fc96bb43ae08afe8.zip | |
Network loading does not block network loading.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/index.scss | 2 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/loading-overlay.scss | 21 |
2 files changed, 23 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss index 4ba02be67..dfb4f23f0 100644 --- a/ui/app/css/itcss/components/index.scss +++ b/ui/app/css/itcss/components/index.scss @@ -16,6 +16,8 @@ @import './confirm.scss'; +@import './loading-overlay.scss'; + // Balances @import './hero-balance.scss'; diff --git a/ui/app/css/itcss/components/loading-overlay.scss b/ui/app/css/itcss/components/loading-overlay.scss new file mode 100644 index 000000000..15009c1e6 --- /dev/null +++ b/ui/app/css/itcss/components/loading-overlay.scss @@ -0,0 +1,21 @@ +.loading-overlay { + left: 0px; + z-index: 50; + position: absolute; + flex-direction: column; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + background: rgba(255, 255, 255, 0.8); + + @media screen and (max-width: 575px) { + margin-top: 56px; + height: calc(100% - 56px); + } + + @media screen and (min-width: 576px) { + margin-top: 75px; + height: calc(100% - 75px); + } +} |