doneit-web/src/style/ios.scss

.modal-desktop::part(content) {
    max-width: 1466px !important;
    height: 100%;
}


.profile-modal::part(content) {
    position: absolute;
    right: 0px;
    height: 90%;
    max-width: 100%;
    top: 0px;
    border-radius: 0 0 25px 25px;
}

@media only screen and (min-width: 701px) {
    .profile-modal::part(content) {
        max-width: 400px;
    }
}


.notification-modal::part(content) {
    position: absolute;
    top: 23px;
    right: 0px;
    height: 87px;
    max-width: 400px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}

.notification-modal::part(backdrop) {
    display: none;
}



.aside-modal::part(content) {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 400px;
}

.modal-width-100-width-background::part(content),
.modal-desktop::part(content) {

    width: 100% !important;
    height: 100% !important;
    position: relative;

}



.modal-top-100-width-background::part(content),
.modal-desktop::part(content) {
    width: 100%;
    height: 99%;
    position: relative;

}


@media only screen and (min-width: 1366px) {

    .modal-desktop-remove-background::part(content) {
        transform: none !important;
        box-shadow: none !important;
        height: 100% !important;
        top: unset !important;

        .ion-page {
            transform: none !important;
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
        }
    }

    .modal-desktop-remove-background::part(backdrop) {
        display: none;
        transform: none !important;
    }
}


.chat-mobile-modal-to-Desktop::part(content) {

    transform: none !important;
    width: 100%;
    height: 100%;
    box-shadow: none !important;

}

.chat-mobile-modal-to-Desktop::part(backdrop) {
    display: none;
    transform: none !important;
}


.modal-width-100::part(content) {
    width: 100%;
    height: 100%;
}


.chat-popover::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: calc(100% - 160px) !important;
    max-height: 160px;
    min-height: 160px;
}



.temporary-message::part(content) {
    background-color: #00000073;
    width: 500px;
    height: fit-content;
    height: 300px;

}



ion-modal::part(content) {
    backdrop-filter: blur(12px);
}




.transparentblack-modal::part(content) {
    --background: rgb(44, 39, 45);
}


.exp-options::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}


.chat-options-popover::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}

.group-duration::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}

.chat-popover::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}

.messages-options::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}

.events-options::part(content) {
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
}


ion-toolbar {
    padding-top: 0px !important;
}

.header-fix {
    padding-top: var(--ion-safe-area-top);
}