Fix dialog screen overflow
Signed-off-by: ajbura <ajbura@gmail.com>
This commit is contained in:
parent
c67a1752c5
commit
9e810502c2
1 changed files with 11 additions and 12 deletions
|
@ -1,28 +1,27 @@
|
||||||
.dialog-model {
|
.dialog-model {
|
||||||
--modal-height: 656px;
|
--modal-height: 656px;
|
||||||
max-height: var(--modal-height) !important;
|
max-height: min(100%, var(--modal-height));
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog,
|
||||||
|
.dialog__content,
|
||||||
|
.dialog__content__wrapper {
|
||||||
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog {
|
.dialog {
|
||||||
width: 100%;
|
|
||||||
max-height: inherit;
|
|
||||||
background-color: var(--bg-surface);
|
background-color: var(--bg-surface);
|
||||||
display: flex;
|
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.dialog__content-container {
|
.dialog__content-container {
|
||||||
padding-top: var(--sp-extra-tight);
|
padding-top: var(--sp-extra-tight);
|
||||||
padding-bottom: var(--sp-extra-loose);
|
padding-bottom: var(--sp-extra-loose);
|
||||||
}
|
|
||||||
.dialog__content__wrapper {
|
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
}
|
}
|
Loading…
Reference in a new issue