m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Adjust zIndex and width for send screen

Browse Source
This commit is contained in:
sdtsui 2017-08-21 17:59:08 -07:00
parent d6116aaf57
commit d193778958
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/css/itcss/components/header.scss
View File

@ -6,14 +6,14 @@
height: 12vh; height: 12vh;
max-height: 60px; max-height: 60px;
position: relative; position: relative;
z-index: 12; z-index: $header-z-index;
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
position: fixed; position: fixed;
height: 34px; height: 34px;
width: 100%; width: 100%;
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08);
z-index: 30; z-index: $mobile-header-z-index;
} }
} }

15
ui/app/css/itcss/components/send.scss
View File

@ -1,14 +1,19 @@
.send-screen-wrapper { .send-screen-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 355px; min-width: 320px;
// width: 50%; min-height: 500px;
z-index: 50; //TODO z-index: $send-card-z-index;
position: absolute; position: absolute;
top: 40px; top: 5%;
// height: 65%;
@media screen and (max-width: $break-small) {
top: 33px;
} }
}
.send-screen-card { .send-screen-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

8
ui/app/css/itcss/settings/variables.scss
View File

@ -31,9 +31,11 @@ $silver-chalice: #aeaeae;
*/ */
// Planned // Planned
$dropdown-z: 30; $dropdown-z-index: 30;
$container-z: 15; $container-z-index: 15;
$header-z: 12; $header-z-index: 12;
$mobile-header-z-index: 16;
$send-card-z-index: 20;
/* /*
Z Indicies - Current Z Indicies - Current