Fix ParityBar account selection overflows (#4405)

This commit is contained in:
Jaco Greeff 2017-02-02 13:30:36 +01:00 committed by GitHub
parent 2b26f0cc28
commit 12bd207e53
2 changed files with 9 additions and 2 deletions

View File

@ -16,7 +16,7 @@
*/ */
.section { .section {
margin-bottom: 1em; overflow-x: hidden;
position: relative; position: relative;
.overlay { .overlay {
@ -33,6 +33,7 @@
.row { .row {
display: flex; display: flex;
justify-content: center; justify-content: center;
overflow-x: hidden;
/* TODO: As per JS comments, the flex-base could be adjusted in the future to allow for */ /* TODO: As per JS comments, the flex-base could be adjusted in the future to allow for */
/* case where <> 3 columns are required should the need arrise from a UI pov. */ /* case where <> 3 columns are required should the need arrise from a UI pov. */
@ -42,6 +43,7 @@
display: flex; display: flex;
flex: 0 1 33.33%; flex: 0 1 33.33%;
opacity: 0.75; opacity: 0.75;
overflow-x: hidden;
padding: 0.25em; padding: 0.25em;
transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
@ -76,3 +78,7 @@
} }
} }
} }
.section+.section {
margin-top: 1em;
}

View File

@ -18,6 +18,7 @@
.account { .account {
display: flex; display: flex;
flex: 1; flex: 1;
overflow: hidden;
position: relative; position: relative;
.accountOverlay { .accountOverlay {
@ -109,6 +110,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 50vh; max-height: 50vh;
max-width: calc(100vw - 1em);
.content { .content {
flex: 1; flex: 1;
@ -116,7 +118,6 @@
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
min-height: 16em;
} }
} }