diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-22 08:59:08 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-22 08:59:08 +0800 |
| commit | d193778958875001fa392131763f68aa9b20bfd3 (patch) | |
| tree | 3a6807903fe56445dd91b9e111d685e9c02dc4bc /ui | |
| parent | d6116aaf57e4d27694c2c5a21b6fabb24f072508 (diff) | |
| download | tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.gz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.bz2 tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.lz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.xz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.zst tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.zip | |
Adjust zIndex and width for send screen
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/app/css/itcss/components/header.scss | 4 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/send.scss | 15 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 8 |
3 files changed, 17 insertions, 10 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index 9434d0386..337a8b351 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -6,14 +6,14 @@ height: 12vh; max-height: 60px; position: relative; - z-index: 12; + z-index: $header-z-index; @media screen and (max-width: 575px) { position: fixed; height: 34px; width: 100%; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08); - z-index: 30; + z-index: $mobile-header-z-index; } } diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 91cbfc7dd..87ded35d6 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -1,14 +1,19 @@ .send-screen-wrapper { display: flex; flex-direction: column; - min-width: 355px; - // width: 50%; - z-index: 50; //TODO + min-width: 320px; + min-height: 500px; + z-index: $send-card-z-index; position: absolute; - top: 40px; - // height: 65%; + top: 5%; + + @media screen and (max-width: $break-small) { + top: 33px; + } + } + .send-screen-card { display: flex; flex-direction: column; diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index c93a38139..2455c43c8 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -31,9 +31,11 @@ $silver-chalice: #aeaeae; */ // Planned -$dropdown-z: 30; -$container-z: 15; -$header-z: 12; +$dropdown-z-index: 30; +$container-z-index: 15; +$header-z-index: 12; +$mobile-header-z-index: 16; +$send-card-z-index: 20; /* Z Indicies - Current |