Nhances/nhance
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHANGE_new_theme_ui_fixes - VADIVEL J 2025-09-29

Browse Source
This commit is contained in:
vadivelJ96 2025-09-29 15:59:17 +05:30
parent 69a6d819cc
commit 14a129dc3b
1 changed files with 68 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
app/Views/layout/header.php
View File

@ -147,10 +147,9 @@
<!-- navbar --> <!-- navbar -->
<style> <style>
.nav-bar { .nav-bar {
position: fixed !important; position: fixed !important;
z-index: 1000; z-index: 2;
width: 90%; width: 90%;
margin-left: 120px !important; margin-left: 120px !important;
background: #fff; background: #fff;
@ -187,33 +186,31 @@
</style> </style>
<!-- tab-switch --> <!-- tab-switch -->
<style> <style>
.nav-pills , .nav-pills,
.nav-link .nav-link {
{
background-color: #F5FFFF !important; background-color: #F5FFFF !important;
color : #00999E !important; color: #00999E !important;
border-radius:10px; border-radius: 10px;
} }
.nav-pills .nav-pills {
{
background-color: #F5FFFF !important; background-color: #F5FFFF !important;
color : #00999E !important; color: #00999E !important;
box-shadow: 0px 2px 4px 0px #00000040 ; box-shadow: 0px 2px 4px 0px #00000040;
padding-top: 5px ; padding-top: 5px;
} }
.nav-pills.nav-dash{ .nav-pills.nav-dash {
background-color: white !important; background-color: white !important;
box-shadow:none !important; box-shadow: none !important;
} }
.nav-pills .nav-dash { .nav-pills .nav-dash {
background-color: #D4F5F6 !important; background-color: #D4F5F6 !important;
border-radius: 10px; border-radius: 10px;
color: black!important; color: black !important;
} }
@ -221,7 +218,7 @@
color: white !important; color: white !important;
background-color: #00999E !important; background-color: #00999E !important;
font-size: small !important; font-size: small !important;
padding:8px 16px; padding: 8px 16px;
border-radius: 10px !important; border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000040; box-shadow: 0px 2px 4px 0px #00000040;
@ -238,7 +235,7 @@
.navtab-bg .nav-link { .navtab-bg .nav-link {
margin: 5px !important; margin: 5px !important;
} }
</style> </style>
@ -277,6 +274,12 @@
/* prevents flex bugs */ /* prevents flex bugs */
} }
.left-side-menu ul li:hover>ul {
position: relative;
z-index: 99999 !important;
}
.img-inactive { .img-inactive {
background-color: white; background-color: white;
@ -464,6 +467,7 @@
.secondary-title i { .secondary-title i {
font-size: 43px; font-size: 43px;
} }
.secondary-title span { .secondary-title span {
position: relative; position: relative;
} }
@ -944,13 +948,15 @@
/* Applies only to tables with data-custom-table-css="table" */ /* Applies only to tables with data-custom-table-css="table" */
table[data-custom-table-css="table"] tbody tr td { table[data-custom-table-css="table"] tbody tr td {
padding: 8px 10px !important; /* spacing */ padding: 8px 10px !important;
line-height: 20px; /* consistent spacing for text */ /* spacing */
min-height: 40px; /* makes sense here if you use display:block */ line-height: 20px;
vertical-align: middle; /* aligns text properly */ /* consistent spacing for text */
min-height: 40px;
/* makes sense here if you use display:block */
vertical-align: middle;
/* aligns text properly */
} }
</style> </style>
@ -1320,6 +1326,7 @@
<!-- accordian --> <!-- accordian -->
<style> <style>
.card #collapseOne .card-body, .card #collapseOne .card-body,
#collapseOne .card-body,
.card #collapseTwo .card-body, .card #collapseTwo .card-body,
.card #collapseThree .card-body, .card #collapseThree .card-body,
.card #collapseFour .card-body { .card #collapseFour .card-body {
@ -1420,7 +1427,6 @@
.fixed-header { .fixed-header {
position: relative; position: relative;
top: 0; top: 0;
z-index: 1000;
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
} }
@ -1598,8 +1604,7 @@
</style> </style>
<!-- tab swich scrollable --> <!-- tab swich scrollable -->
<style> <style>
.tab-wrapper { .tab-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1610,18 +1615,28 @@
#myTab { #myTab {
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
flex-wrap: nowrap; /* prevent wrapping */ flex-wrap: nowrap;
overflow-x: auto; /* enable horizontal scroll */ /* prevent wrapping */
overflow-x: auto;
/* enable horizontal scroll */
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; /* keep items on one line */ white-space: nowrap;
/* keep items on one line */
margin: 0; margin: 0;
padding: 0 40px; /* leave space for arrows */ padding: 0 40px;
/* leave space for arrows */
flex-grow: 1; flex-grow: 1;
} }
/* Hide scrollbars */ /* Hide scrollbars */
#myTab::-webkit-scrollbar { display: none; } #myTab::-webkit-scrollbar {
#myTab { -ms-overflow-style: none; scrollbar-width: none; } display: none;
}
#myTab {
-ms-overflow-style: none;
scrollbar-width: none;
}
.scroll-btn { .scroll-btn {
background-color: #F4FFFF; background-color: #F4FFFF;
@ -1633,13 +1648,18 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
z-index: 10; z-index: 1;
color: #00999E; color: #00999E;
} }
.left-btn { left: 0; } .left-btn {
.right-btn { right: 0; } left: 0;
</style> }
.right-btn {
right: 0;
}
</style>