fixed some css for smooth transition
This commit is contained in:
parent
91b3490ff9
commit
5ff66c5e3a
@ -225,6 +225,18 @@ include('parsedatachart.php');
|
|||||||
.active-filters {
|
.active-filters {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
transition: margin-right 0.3s; /* Smooth transition */
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-content{
|
||||||
|
transition: margin-right 0.3s; /* Smooth transition */
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapsed {
|
||||||
|
margin-right: 300px; /* Hide the sidebar */
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
@ -244,9 +256,9 @@ include('parsedatachart.php');
|
|||||||
|
|
||||||
<?php include('../include/topbar.php'); ?>
|
<?php include('../include/topbar.php'); ?>
|
||||||
|
|
||||||
<div class="page-content-wrapper ">
|
<div class="page-content-wrapper " id="main-content">
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid" >
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
@ -349,6 +361,7 @@ include('parsedatachart.php');
|
|||||||
|
|
||||||
$('#toggleFilters').on('click', function() {
|
$('#toggleFilters').on('click', function() {
|
||||||
$('#filterSidebar').toggle();
|
$('#filterSidebar').toggle();
|
||||||
|
$('#main-content').toggleClass('collapsed');
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.select2').on('change', function() {
|
$('.select2').on('change', function() {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user