BUG_css issues

This commit is contained in:
venba-Inspriron-3558 2025-08-21 19:35:19 +05:30
parent 5d351eacb7
commit 2f3a195b43
2 changed files with 37 additions and 38 deletions

View File

@ -133,7 +133,7 @@ td .text-muted {
<table id="scroll-horizontal-datatable" class="table w-100 nowrap">
<thead>
<tr>
<th>Ticket Number</th>
<th>Ticket No</th>
<th>Name</th>
<th>Policy Number</th>
<th>Ticket Type</th>
@ -188,7 +188,7 @@ td .text-muted {
</div>
<div class="modal fade" id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
<div class="modal-content">
<form id="ticketForm">
<!-- <div class="modal-header">
@ -231,7 +231,8 @@ td .text-muted {
</div>
</div>
<div class="modal-body">
<div class="modal-body" style="padding-top: 15px !important;
padding-bottom: 10px !important;">
<div class="form-row">
<input type="hidden" id="thz_id" name="thz_id">
<input type="hidden" id="return_type" name="return_type">

View File

@ -43,25 +43,31 @@
.conversation-card{
border-radius: 15px !important;
box-shadow: 0 2px 4px 0 #00000040;
}
}
.card-scroll{
overflow-y:auto;
height:440px;
overflow-y:auto;
height:440px;
}
.recard-scroll{
overflow-y:auto;
height:295px;
}
.maincard{
margin-top:0 !important;
padding-top: 0 !important;
}
.conversation-card,
.conversation-card .card-header,
.conversation-card .card-body {
background: #F5FFFF !important;
}
.master-card{
border-radius: 15px !important;
box-shadow: 0 1px 4px #000000;
overflow-y:auto;
overflow-x:auto;
box-shadow: 0 2px 4px 0 #00000040;
}
</style>
<style>
@ -70,15 +76,15 @@ height:440px;
.related-ticket-card .card-body {
background: #F5FFFF !important;
overflow-y:auto;
box-shadow: 0 1px 4px #000000;
box-shadow: 0 2px 4px 0 #00000040;
}
</style>
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="card ">
<div class="card-body maincard">
<!-- Title -->
<div class="row" id="notes-title" style="padding-bottom: 10px;">
@ -105,7 +111,7 @@ height:440px;
</i>
</a>
</div>
<div class="card-body" style="padding-left: 27px !important; background:#F5FFFF;">
<div class="card-body card-scroll" style="padding-left: 27px !important; background:#F5FFFF;">
<div class="row mb-2 ml-o">
<div class="col-5">Ticket ID</div>
<div class="col-7 text-end"><?= $master[0]['thz_id'];?></div>
@ -167,13 +173,13 @@ height:440px;
<div class="col-8">
<!-- Conversation Card -->
<div class="card mb-3 conversation-card card-scroll">
<div class="card mb-3 conversation-card">
<div class="card-header border-0">
<h5 class="mb-0">Conversation</h5>
<h5 class="mb-0" style="font-size:15px;">Conversation</h5>
<hr/>
</div>
<div class="card-body pt-0">
<div class="card-body pt-0 recard-scroll">
<?php if(!empty($notes)): ?>
<?php foreach($notes as $i => $conv): ?>
@ -295,18 +301,18 @@ height:440px;
<div class="modal fade" id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-content" style="border-radius:15px;">
<div class="modal-header">
<div class="modal-header" style="border-bottom-width:0;">
<h4 class="modal-title">Related Tickets</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="modal-body card-scroll" style="padding-top:5px!important;">
<?php foreach($related_tickets as $j => $rt): ?>
<div class="card related-ticket-card mb-3">
<div class="card-body">
<div class="card-body" style="border-radius: 20px; padding:27px !important;">
<div class="d-flex justify-content-between align-items-start">
<h5 class="mb-1"><?php echo $rt['ticket_type']; ?></h5>
<small>
@ -337,30 +343,22 @@ height:440px;
$("#status").select2();
$("#assign_to").select2();
var form = document.getElementById('ticketForm');
form.reset();
form.reset();
var masterData = <?= json_encode($master[0]); ?>;
console.log(masterData);
var masterData = <?= json_encode($master[0]); ?>;
document.getElementById('EditModalLabel').innerText = "Update";
document.getElementById('edit_thz_id').value = masterData.thz_id;
document.getElementById('assign_to').value = masterData.assign_to;
document.getElementById('status').value = masterData.status;
document.getElementById('ticket_type').value = masterData.ticket_type;
document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
document.getElementById('edit_thz_id').value = masterData.thz_id;
document.getElementById('assign_to').value = masterData.assign_to;
document.getElementById('status').value = masterData.status;
document.getElementById('ticket_type').value = masterData.ticket_type;
document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
var myModal = new bootstrap.Modal(document.getElementById('EditModal'));
myModal.show();
});
function openEditTicket() {
var masterData = <?= json_encode($master[0]); ?>;
console.log(masterData);