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;
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;
}
}

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

@ -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;

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

@ -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