CHANGE_UI_FIX - VADIVEL J 2025-09-01
This commit is contained in:
vadivelJ96
parent
762f78665a
commit
9697dbf569
@ -4947,7 +4947,7 @@ class LeadsController extends BaseController
|
||||
|
||||
// Start table with clean styling
|
||||
$html .= "<h3 style='color: #333; font-weight: 500; margin-bottom: 15px;'>{$category}</h3>";
|
||||
$html .= "<table data-custom-table-css='table' style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;'>";
|
||||
$html .= "<table style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;color:black;'>";
|
||||
|
||||
// Table header with light background
|
||||
$html .= "<tr>";
|
||||
|
||||
@ -57,12 +57,13 @@ table.dataTable tbody td {
|
||||
<div class="col-xl-12">
|
||||
<div id="accordion" class="mb-3">
|
||||
<div class="card mb-1">
|
||||
<h5 class="m-1">
|
||||
<h3 class="m-1">
|
||||
<span>Members</span>
|
||||
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
|
||||
aria-expanded="true">
|
||||
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
|
||||
</a>
|
||||
</h5>
|
||||
</h3>
|
||||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
<!-- <div class="text-center"> -->
|
||||
@ -122,7 +123,9 @@ table.dataTable tbody td {
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-auto">
|
||||
<!-- <div id="categoryFilter_12"> -->
|
||||
<a href="#" class="btn btn-primary waves-effect waves-light" onclick="sendManualEcard(this)">Send Ecard</a>
|
||||
<a href="#" class="btn btn-primary waves-effect waves-light"
|
||||
style="background-color: #F5FFFF; color:black; border:1px solid #00999E;"
|
||||
onclick="sendManualEcard(this)">Send Ecard</a>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
|
||||
@ -115,11 +115,6 @@
|
||||
font-family: 'Poppins' !important;
|
||||
}
|
||||
|
||||
body{
|
||||
margin-top:20px;
|
||||
background:#FAFAFA;
|
||||
}
|
||||
|
||||
.content{
|
||||
min-height: 70vh;
|
||||
}
|
||||
@ -129,6 +124,10 @@
|
||||
background-color: #000 !important; /* keep background black */
|
||||
}
|
||||
|
||||
.container-fluid{
|
||||
padding:0px 40px 0px 40px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- navbar -->
|
||||
@ -145,6 +144,7 @@
|
||||
display:flex;
|
||||
flex-flow:row nowrap;
|
||||
justify-content:space-between;
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
.nav-flex{
|
||||
@ -547,20 +547,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<!-- footer -->
|
||||
<style>
|
||||
.footer{
|
||||
background-color:white !important;
|
||||
color:black;
|
||||
margin: 30px !important;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-left:150px;
|
||||
position:relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- toaster -->
|
||||
@ -647,7 +633,7 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
table[data-custom-table-css="table"] {
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0 8px !important;
|
||||
width: 100%;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
@ -739,9 +725,9 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
|
||||
.modal.show .modal-dialog .modal-content,
|
||||
.modal .modal-dialog .modal-content {
|
||||
border-radius: 10px !important;
|
||||
overflow: hidden !important;
|
||||
box-shadow: none;
|
||||
border-radius: 10px !important;
|
||||
overflow: hidden !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.modal .parsley-examples {
|
||||
@ -790,7 +776,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
.modal .form-control {
|
||||
background-color: #ECECEC !important;
|
||||
border: 1px solid #ccc; /* optional */
|
||||
/* color: #000; keep text readable */
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@ -902,6 +887,38 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
top: 7px !important;
|
||||
}
|
||||
|
||||
/* Apply to normal inputs and selects */
|
||||
input,
|
||||
select {
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||||
border-color: #ffff !important;
|
||||
}
|
||||
|
||||
input[type='file'] {
|
||||
padding:10px !important;
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
/* Apply to Select2 (single select) */
|
||||
.select2-container .select2-selection--single {
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||||
height: 38px; /* match bootstrap input height */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-color: #ffff !important;
|
||||
}
|
||||
|
||||
/* Apply to Select2 (multiple select) */
|
||||
.select2-container .select2-selection--multiple {
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||||
border-color: #ffff !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -909,28 +926,41 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
<style>
|
||||
/* Target only buttons with type="submit" */
|
||||
|
||||
.btn {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
button[type="submit"],
|
||||
.buttons-collection,
|
||||
input[type="submit"] {
|
||||
input[type="submit"],
|
||||
#get-emp-list
|
||||
{
|
||||
color: #fff !important;
|
||||
background-color: #E26728 !important;
|
||||
border-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;
|
||||
input[type="submit"]:hover,
|
||||
#get-emp-list
|
||||
{
|
||||
cursor: pointer; /* optional */
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<!-- accordian -->
|
||||
<style>
|
||||
.collapse.show
|
||||
,.card #collapseOne .card-body
|
||||
{
|
||||
background-color: #F5FFFF !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- legacy styles of random style applied -->
|
||||
<style>
|
||||
|
||||
@ -1025,6 +1055,21 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
|
||||
</style>
|
||||
|
||||
|
||||
<!-- footer -->
|
||||
<style>
|
||||
.footer{
|
||||
background-color:white !important;
|
||||
color:black;
|
||||
margin: 30px !important;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-left:150px;
|
||||
position:relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
@ -91,12 +91,7 @@ th, td {
|
||||
text-align: center; /* Or left/right depending on your preference */
|
||||
vertical-align: middle; /* Ensures content is vertically centered */
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
width: 16px; /* Standard checkbox size */
|
||||
height: 16px;
|
||||
margin: 0; /* Remove default margin */
|
||||
vertical-align: middle; /* Align with text or other elements */
|
||||
}
|
||||
|
||||
th:first-child, td:first-child {
|
||||
width: 50px; /* Adjust width as needed */
|
||||
}
|
||||
@ -108,6 +103,24 @@ th:first-child, td:first-child {
|
||||
table-layout: fixed; /* Prevent columns from resizing dynamically */
|
||||
}
|
||||
|
||||
.unmapEmployees{
|
||||
background-color:#00999E ;
|
||||
margin-right:10px;
|
||||
}
|
||||
.mapEmployees{
|
||||
background-color:#00999E ;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
.unmapEmployees:hover{
|
||||
background-color:#00999E ;
|
||||
margin-right:10px;
|
||||
}
|
||||
.mapEmployees:hover{
|
||||
background-color:#00999E ;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -533,13 +546,15 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
text:'Map Employees',
|
||||
action: function(e, dt, node, config) {
|
||||
mapEmployees();
|
||||
}
|
||||
},
|
||||
className:"mapEmployees"
|
||||
},
|
||||
{
|
||||
text:'Unmap Employees',
|
||||
action: function(e, dt, node, config) {
|
||||
unmapEmployees();
|
||||
}
|
||||
},
|
||||
className:"unmapEmployees"
|
||||
}],
|
||||
language: {
|
||||
search: "_INPUT_",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user