jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

css fix / responsive fix

pull/776/head
razvanaldea89 2019-02-18 11:44:28 +02:00
parent 4a3b61f9b2
commit 917f17093c
3 changed files with 41 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
build/css/custom.css
View File

@ -386,7 +386,7 @@
}
}
.nav-md .container-fluid.body .left_col {
.nav-md .container-fluid .left_col {
min-height: 100%;
width: 230px;
padding: 0;
@ -394,7 +394,7 @@
z-index: 1;
}
.nav-md .container-fluid.body .col-md-3.left_col.menu_fixed {
.nav-md .container-fluid .left_col.menu_fixed {
height: 100%;
position: fixed;
}
@ -422,11 +422,11 @@ body .container-fluid.body .right_col {
margin: 0;
}
.nav-md .container-fluid.body .col-md-3.left_col {
.nav-md .container-fluid .left_col {
display: none;
}
.nav-md .container-fluid.body .right_col {
.nav-md .container-fluid .right_col {
width: 100%;
padding-right: 0;
}

8
build/js/custom.js
View File

@ -96,13 +96,13 @@ $(document).ready(function() {
if ($BODY.hasClass('nav-md')) {
$SIDEBAR_MENU.find('li.active ul').hide();
$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
$('.main_container > .row > .left_col').removeClass('col-lg-2').addClass('col-lg-1');
$('.main_container > .row > .right_col_wrapper').removeClass('col-lg-10').addClass('col-lg-11');
$('.main_container > .row > .left_col').removeClass('col-lg-2').addClass('col-lg-1 col-2');
$('.main_container > .row > .right_col_wrapper').removeClass('col-lg-10').addClass('col-lg-11 col-10');
} else {
$SIDEBAR_MENU.find('li.active-sm ul').show();
$SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
$('.main_container > .row > .left_col').removeClass('col-lg-1').addClass('col-lg-2');
$('.main_container > .row > .right_col_wrapper').removeClass('col-lg-11').addClass('col-lg-10');
$('.main_container > .row > .left_col').removeClass('col-lg-1 col-2').addClass('col-lg-2');
$('.main_container > .row > .right_col_wrapper').removeClass('col-lg-11 col-10').addClass('col-lg-10');
}
$BODY.toggleClass('nav-md nav-sm');

65
production/index.html
View File

@ -359,43 +359,44 @@
<h4>Top Campaign Performance</h4>
<div class="clearfix"></div>
</div>
<div class="col-md-12 col-sm-12 col-6">
<div>
<p>Facebook Campaign</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="80"></div>
<div class="row">
<div class="col-md-12 col-sm-6 col-6">
<div>
<p>Facebook Campaign</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="80"></div>
</div>
</div>
</div>
<div>
<p>Twitter Campaign</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="60"></div>
</div>
</div>
</div>
</div>
<div>
<p>Twitter Campaign</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="60"></div>
<div class="col-md-12 col-sm-6 col-6">
<div>
<p>Conventional Media</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="40"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-6">
<div>
<p>Conventional Media</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="40"></div>
</div>
</div>
</div>
<div>
<p>Bill boards</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="50"></div>
<div>
<p>Bill boards</p>
<div class="">
<div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="50"></div>
</div>
</div>
</div>
</div>