63 lines
1.3 KiB
SCSS
63 lines
1.3 KiB
SCSS
|
.modal.is-pinned {
|
||
|
|
justify-content: flex-start;
|
||
|
|
|
||
|
|
.animation-content {
|
||
|
|
margin-top: 4rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include desktop {
|
||
|
|
@media screen and (max-height: 720px - 1px) {
|
||
|
|
.dropdown {
|
||
|
|
.background {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu {
|
||
|
|
position: fixed;
|
||
|
|
width: calc(100vw - 40px);
|
||
|
|
max-width: 460px;
|
||
|
|
max-height: calc(100vh - 120px);
|
||
|
|
top: 25% !important;
|
||
|
|
left: 50% !important;
|
||
|
|
bottom: auto !important;
|
||
|
|
right: auto !important;
|
||
|
|
transform: translate3d(-50%, -25%, 0);
|
||
|
|
white-space: normal;
|
||
|
|
overflow-y: auto;
|
||
|
|
z-index: 50;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-height: 720px) {
|
||
|
|
.box-modal {
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animation-content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.b-tabs .tab-content {
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown {
|
||
|
|
position: static;
|
||
|
|
|
||
|
|
.dropdown-menu {
|
||
|
|
padding: 0px 1.5rem;
|
||
|
|
margin-top: calc(2.857em + 4px);
|
||
|
|
top: initial;
|
||
|
|
|
||
|
|
> .dropdown-content {
|
||
|
|
overflow-y: auto;
|
||
|
|
max-height: calc(100vh - 20rem);
|
||
|
|
margin: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|