FIX_Modal Someone fixed

This commit is contained in:
venba-Inspriron-3558 2025-11-26 09:45:29 +05:30
parent dcf6612ab4
commit 9399f4d8c2

View File

@ -1,54 +1,3 @@
<style>
/* ----- Modal Size: 25% width + 25% height ----- */
#New_Ticket_modal .modal-dialog {
width: 15%;
max-width: 15%;
height: 25%;
max-height: 25%;
margin: auto !important;
}
/* Make modal-content fill the dialog & allow flex layout */
#New_Ticket_modal .modal-content {
height: 50%;
display: flex;
flex-direction: column;
}
/* Scroll only inside body */
#New_Ticket_modal .modal-body {
flex: 1;
overflow-y: auto;
padding: 10px;
}
/* Footer visible always */
#New_Ticket_modal .modal-footer {
position: sticky;
bottom: 0;
background: #fff;
padding: 10px;
}
/* ----- Small Height Screens Fix ----- */
@media (max-height: 300px) {
/* Make modal usable but still centered */
#New_Ticket_modal .modal-dialog {
width: 50%;
max-width: 50%;
height: 70%;
max-height: 70%;
}
/* Adjust body scroll area */
#New_Ticket_modal .modal-body {
max-height: calc(80vh - 120px);
}
}
</style>
<div class="modal fade" id="New_Ticket_modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">