CHANGE_UI_FIX - VADIVEL J 2025-09-01
This commit is contained in:
vadivelJ96
parent
aa40026cc1
commit
b43f50dfb5
@ -245,7 +245,7 @@
|
||||
<!-- modal content -->
|
||||
|
||||
<div id="emp_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">Edit Employee</h4>
|
||||
|
||||
@ -98,6 +98,9 @@
|
||||
<!-- srinivas -->
|
||||
<style>
|
||||
|
||||
|
||||
/********************************************************************* Dashboard-tab section starts ***********************************************************************************************************/
|
||||
|
||||
/* dashboard-tab specific styling which is also used in many place in application */
|
||||
|
||||
.nav-link{
|
||||
@ -135,7 +138,7 @@
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* end of dashboard-tab specific styling which is also used in many place in application */
|
||||
|
||||
|
||||
|
||||
|
||||
@ -163,6 +166,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/********************************************************************* loader section starts ***********************************************************************************************************/
|
||||
/* Datatable footer styles */
|
||||
/* loaders for whole application */
|
||||
|
||||
.loader-mask {
|
||||
@ -193,7 +200,8 @@
|
||||
|
||||
/* end of loaders */
|
||||
|
||||
|
||||
/********************************************************************* parsley-examples section starts ***********************************************************************************************************/
|
||||
/* Datatable footer styles */
|
||||
/* parsley-examples */
|
||||
|
||||
.parsley-examples
|
||||
@ -206,7 +214,7 @@
|
||||
box-shadow: 0px 1px 1px 0px #00000040;
|
||||
}
|
||||
|
||||
/* parsley-examples */
|
||||
|
||||
|
||||
|
||||
/* all input elements */
|
||||
@ -775,6 +783,10 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); }
|
||||
|
||||
|
||||
/********************************************************************* table section starts ***********************************************************************************************************/
|
||||
/* Datatable footer styles */
|
||||
|
||||
table[data-custom-table-css="table"] thead th {
|
||||
background-color: #00999E;
|
||||
color: #fff !important;
|
||||
@ -820,6 +832,12 @@ table[data-custom-table-css="table"] {
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/********************************************************************* Datatable section starts ***********************************************************************************************************/
|
||||
/* Datatable footer styles */
|
||||
|
||||
/* Pagination buttons */
|
||||
@ -874,14 +892,6 @@ table[data-custom-table-css="table"] {
|
||||
|
||||
|
||||
|
||||
/* Data Tables search input */
|
||||
|
||||
.dataTables_filter {
|
||||
}
|
||||
|
||||
.dataTables_filter input {
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@ -908,15 +918,39 @@ table[data-custom-table-css="table"] {
|
||||
color:black;
|
||||
}
|
||||
|
||||
/********************************************************************* modal section starts ***********************************************************************************************************/
|
||||
|
||||
/* Inside modal field color changes */
|
||||
/* modal section starts */
|
||||
|
||||
|
||||
.modal.show .modal-dialog .modal-content,
|
||||
.modal .modal-dialog .modal-content {
|
||||
border-radius: 10px !important;
|
||||
overflow: hidden !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.modal .parsley-examples {
|
||||
background-color: #FFFF !important;
|
||||
padding: 0px !important;
|
||||
border: 0px solid #fff !important;
|
||||
border-radius: 0px !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.modal .form-control {
|
||||
background-color: #ECECEC !important;
|
||||
border: 1px solid #ccc; /* optional */
|
||||
/* color: #000; keep text readable */
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.modal .form-control:focus {
|
||||
background-color: #ECECEC !important; /* keep same color on focus */
|
||||
box-shadow: none; /* remove blue glow */
|
||||
background-color: #ECECEC !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Select2 box */
|
||||
@ -924,6 +958,7 @@ table[data-custom-table-css="table"] {
|
||||
background-color: #ECECEC !important;
|
||||
border: 1px solid #ccc !important;
|
||||
height: 38px !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Text inside */
|
||||
@ -936,6 +971,33 @@ table[data-custom-table-css="table"] {
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/********************************************************************* button section starts ***********************************************************************************************************/
|
||||
|
||||
/* Target only buttons with type="submit" */
|
||||
|
||||
button[type="submit"],
|
||||
.buttons-collection,
|
||||
input[type="submit"] {
|
||||
color: #fff !important;
|
||||
background-color: #E26728 !important;
|
||||
border-color: #E26728 !important;
|
||||
|
||||
}
|
||||
|
||||
/* Optional: hover effect */
|
||||
button[type="submit"]:hover,
|
||||
.buttons-collection,
|
||||
input[type="submit"]:hover {
|
||||
color: #fff !important;
|
||||
background-color: #E26728 !important;
|
||||
border-color: #9C461B !important;
|
||||
cursor: pointer; /* optional */
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@ -398,7 +398,7 @@ th:first-child, td:first-child {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<div class="form-group ">
|
||||
<label for="email">Email<span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="email_corporate" placeholder="Enter Email" name="email_corporate" data-parsley-trigger="change" data-parsley-type="email" >
|
||||
</div>
|
||||
|
||||
@ -49,32 +49,7 @@ table.dataTable td.wrap {
|
||||
}
|
||||
|
||||
|
||||
.form-control {
|
||||
background-color: #ECECEC !important;
|
||||
border: 1px solid #ccc; /* optional */
|
||||
/* color: #000; keep text readable */
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: #ECECEC !important; /* keep same color on focus */
|
||||
box-shadow: none; /* remove blue glow */
|
||||
}
|
||||
|
||||
/* Select2 box */
|
||||
.select2-container .select2-selection--single {
|
||||
background-color: #ECECEC !important;
|
||||
border: 1px solid #ccc !important;
|
||||
height: 38px !important;
|
||||
}
|
||||
|
||||
/* Text inside */
|
||||
.select2-container .select2-selection__rendered {
|
||||
line-height: 36px !important;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
||||
background-color: #00999E !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -162,7 +137,7 @@ table.dataTable td.wrap {
|
||||
<div class="modal fade " id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
|
||||
<div class="modal-content">
|
||||
<form id="ticketForm">
|
||||
<form class="parsley-examples" id="ticketForm">
|
||||
<!-- <div class="modal-header">
|
||||
<h4 class="modal-title" id="modalLabel">New Ticket</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
@ -176,7 +151,7 @@ table.dataTable td.wrap {
|
||||
</div>
|
||||
|
||||
<!-- second row -->
|
||||
<div class="form-row mt-3 w-100">
|
||||
<div class="form-row mt-3 w-100 ">
|
||||
<div class="form-group col-md-6 ">
|
||||
<label for="client_id">Client</label>
|
||||
<select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
|
||||
@ -313,7 +288,7 @@ table.dataTable td.wrap {
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn app-btn-primary app-btn-border-radius mr-2 " onclick="resetTicket()">Reset</button>
|
||||
<button type="button" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket()">Save</button>
|
||||
<button type="submit" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket(event)">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -373,7 +348,10 @@ table.dataTable td.wrap {
|
||||
$("#ticket_type").select2();
|
||||
}
|
||||
|
||||
function submitTicket() {
|
||||
function submitTicket(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var form = document.getElementById('ticketForm');
|
||||
|
||||
// reset any old error styles
|
||||
|
||||
Loading…
Reference in New Issue
Block a user