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

8
build/js/custom.js
View File

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

65
production/index.html
View File

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