classic-ui/assets/styles/components/_modal.scss

63 lines
1.3 KiB
SCSS
Raw Normal View History

2022-04-22 06:05:56 +03:00
.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;
}
}
}
}
}
}