Fix ParityBar account selection overflows (#4405)
This commit is contained in:
parent
2b26f0cc28
commit
12bd207e53
@ -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;
|
||||||
|
}
|
||||||
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user