maxmustermann/gentelella
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

more responsive fixes / bootstrap classes completion / minor menu bug fix / custom.css fixes

Browse source
This commit is contained in:
razvanaldea89 2019-02-26 12:39:14 +02:00
parent 189b535741
commit b783a38cbe
35 changed files with 154 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
build/css/custom.css
View file

@ -427,6 +427,9 @@ body .container-fluid.body .right_col {
.nav-md .container-fluid .right_col {
width: 100%;
}
.nav > li > a {
padding:10px !important;
}
}
@media (max-width: 1200px) {

39
build/js/custom.js
View file

@ -67,6 +67,41 @@
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
/**
* Resize function without multiple trigger
*
* Usage:
* $(window).smartresize(function(){
* // code here
* });
*/
(function($,sr){
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap)
func.apply(obj, args);
timeout = null;
}
if (timeout)
clearTimeout(timeout);
else if (execAsap)
func.apply(obj, args);
timeout = setTimeout(delayed, threshold || 100);
};
};
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
/**
* Resize function without multiple trigger
@ -199,7 +234,7 @@ $(document).ready(function () {
$('.main_container > .row > .left_col').removeClass('col-md-2 col-lg-2').addClass('col-md-1 col-lg-1 col-2');
if ($('.main_container > .row > .left_col.menu_fixed').length) {
if ($(window).width() < 992) {
$('.main_container > .row > .right_col_wrapper').addClass('offset-2');
$('.main_container > .row > .right_col_wrapper').addClass('offset-2 offset-md-1');
} else {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-md-2 offset-lg-2').addClass('offset-md-1');
}
@ -212,7 +247,7 @@ $(document).ready(function () {
$('.main_container > .row > .left_col').removeClass('col-lg-1 col-2 col-md-1').addClass('col-lg-2 col-md-2');
if ($('.main_container > .row > .left_col.menu_fixed').length) {
if ($(window).width() < 992) {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-2');
$('.main_container > .row > .right_col_wrapper').removeClass('offset-2 offset-md-1');
} else {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-1').addClass('offset-md-2');
}

2
build/js/custom.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
production/calendar.html
View file

@ -290,7 +290,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/chartjs.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div cass="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

14
production/chartjs2.html
View file

@ -294,7 +294,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -309,7 +309,7 @@
<div class="clearfix"></div>
<div class="row">
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Line Graph
@ -340,7 +340,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Bar Graph
@ -371,7 +371,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Donut Chart Graph
@ -402,7 +402,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Radar Chart
@ -433,7 +433,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Pie Area Chart
@ -464,7 +464,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h2>Pie Chart Graph

20
production/contacts.html
View file

@ -285,7 +285,7 @@
<div class="col-sm-6 col-12 text-left">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -320,7 +320,7 @@
</div>
</div>
<div class="row roq-eq-height">
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -372,7 +372,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -423,7 +423,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -474,7 +474,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -525,7 +525,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -577,7 +577,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -628,7 +628,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -679,7 +679,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">
@ -730,7 +730,7 @@
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-12 profile_details">
<div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
<div class="card profile_view">
<div class="card-body">
<div class="col-sm-12">

2
production/e_commerce.html
View file

@ -285,7 +285,7 @@
</div>
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/echarts.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form.html
View file

@ -307,7 +307,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-sm-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form_advanced.html
View file

@ -303,7 +303,7 @@
<div class="text-right col-sm-6 col-12">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form_buttons.html
View file

@ -285,7 +285,7 @@
<div class="col-6 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form_upload.html
View file

@ -288,7 +288,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form_validation.html
View file

@ -292,7 +292,7 @@
<div class="text-right col-sm-6 col-12">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/form_wizards.html
View file

@ -285,7 +285,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-sm-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/general_elements.html
View file

@ -296,7 +296,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/icons.html
View file

@ -285,7 +285,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/inbox.html
View file

@ -292,7 +292,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

16
production/index.html
View file

@ -294,36 +294,36 @@
<div class="right_col col-md-12" role="main">
<!-- top tiles -->
<div class="row tile_count">
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Users</span>
<div class="count">2500</div>
<span class="count_bottom"><i class="green">4% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span>
<div class="count">123.50</div>
<span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>3% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Males</span>
<div class="count green">2,500</div>
<span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Females</span>
<div class="count">4,567</div>
<span class="count_bottom"><i class="red"><i
class="fa fa-sort-desc"></i>12% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Collections</span>
<div class="count">2,315</div>
<span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div>
<div class="col-md-2 col-sm-4 col-6 tile_stats_count">
<div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Connections</span>
<div class="count">7,325</div>
<span class="count_bottom"><i class="green"><i
@ -879,7 +879,7 @@
<!-- Start to do list -->
<div class="col-md-6 col-sm-6 col-12">
<div class="col-lg-6 col-md-12 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h4>To Do List
@ -974,7 +974,7 @@
<!-- End to do list -->
<!-- start of weather widget -->
<div class="col-md-6 col-sm-6 col-12">
<div class="col-lg-6 col-md-12 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h4>Daily active users

4
production/index2.html
View file

@ -341,7 +341,7 @@
</div>
<div class="x_content">
<div class="row">
<div class="col-md-9 col-sm-12 col-12">
<div class="col-lg-9 col-md-8 col-sm-12 col-12">
<div class="demo-container" style="height:280px">
<div id="chart_plot_02" class="demo-placeholder"></div>
</div>
@ -376,7 +376,7 @@
</div>
<div class="col-md-3 col-sm-12 col-12">
<div class="col-lg-3 col-md-4 col-sm-12 col-12">
<div>
<div class="x_title">
<h4>Top Profiles</h4>

14
production/index3.html
View file

@ -324,7 +324,7 @@
</div>
</div>
<br/>
<div class="row">
<div class="row mb-3">
<div class="col-md-12 col-sm-12 col-12">
<div class="dashboard_graph x_panel">
<div class="row x_title">
@ -351,7 +351,7 @@
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h4>App Devices
@ -474,7 +474,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h4>Daily users
@ -562,7 +562,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h4>Profile Settings
@ -614,7 +614,7 @@
</div>
</div>
<div class="col-md-4 col-sm-6 col-12 widget_tally_box">
<div class="col-lg-4 col-md-6 col-sm-6 col-12 widget_tally_box">
<div class="x_panel">
<div class="x_title">
<h4>User Uptake</h4>
@ -710,7 +710,7 @@
</div>
<!-- start of weather widget -->
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="x_panel">
<div class="x_title">
<h4>Today's Weather
@ -843,7 +843,7 @@
</div>
<!-- end of weather widget -->
<div class="col-md-4 col-sm-6 col-12">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="x_panel fixed_height_320">
<div class="x_title">
<h4>Incomes

2
production/invoice.html
View file

@ -287,7 +287,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/media_gallery.html
View file

@ -295,7 +295,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/morisjs.html
View file

@ -287,7 +287,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/other_charts.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/plain_page.html
View file

@ -286,7 +286,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/pricing_tables.html
View file

@ -285,7 +285,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

6
production/profile.html
View file

@ -287,7 +287,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -328,7 +328,7 @@
</div>
<div class="x_content">
<div class="row">
<div class="col-md-3 col-sm-3 col-12 profile_left">
<div class="col-lg-3 col-md-4 col-sm-3 col-12 profile_left">
<div class="profile_img">
<div id="crop-avatar">
<!-- Current avatar -->
@ -394,7 +394,7 @@
<!-- end of skills -->
</div>
<div class="col-md-9 col-sm-9 col-12">
<div class="col-lg-9 col-md-8 col-sm-9 col-12">
<div class="profile_title row">
<div class="col-md-6 col-6">

6
production/project_detail.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -329,7 +329,7 @@
<div class="x_content">
<div class="row">
<div class="col-md-9 col-sm-9 col-12">
<div class="col-lg-9 col-md-8 col-sm-9 col-12">
<ul class="stats-overview">
<li>
@ -432,7 +432,7 @@
</div>
<!-- start project-detail sidebar -->
<div class="col-md-3 col-sm-3 col-12">
<div class="col-lg-3 col-md-4 col-sm-3 col-12">
<section class="panel">

2
production/projects.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/tables.html
View file

@ -289,7 +289,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/tables_dynamic.html
View file

@ -295,7 +295,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

2
production/typography.html
View file

@ -285,7 +285,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">

26
production/widgets.html
View file

@ -295,7 +295,7 @@
<div class="col-sm-6 col-12 text-right">
<div class="row">
<div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
<div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
@ -314,7 +314,7 @@
<div class="">
<div class="x_content">
<div class="row">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-12">
<div class="animated flipInY col-lg-3 col-md-6 col-sm-6 col-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-caret-square-o-right"></i>
</div>
@ -324,7 +324,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-12">
<div class="animated flipInY col-lg-3 col-md-6 col-sm-6 col-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-comments-o"></i>
</div>
@ -334,7 +334,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-12">
<div class="animated flipInY col-lg-3 col-md-6 col-sm-6 col-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-sort-amount-desc"></i>
</div>
@ -344,7 +344,7 @@
<p>Lorem ipsum psdea itgum rixt.</p>
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-12">
<div class="animated flipInY col-lg-3 col-md-6 col-sm-6 col-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-check-square-o"></i>
</div>
@ -394,7 +394,7 @@
<br/>
<div class="row row-eq-height">
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design</h2>
@ -471,7 +471,7 @@
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel ">
<div class="x_title">
<h2>Sales Close</h2>
@ -569,7 +569,7 @@
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel ui-ribbon-container ">
<div class="ui-ribbon-wrapper">
<div class="ui-ribbon">
@ -602,7 +602,7 @@
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel ">
<div class="x_content">
@ -652,7 +652,7 @@
</div>
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design1</h2>
@ -742,7 +742,7 @@
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design2</h2>
@ -832,7 +832,7 @@
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design3</h2>
@ -921,7 +921,7 @@
</div>
</div>
<div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
<div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
<div class="x_panel">
<div class="x_title">
<h2>Tally Design4</h2>

39
src/js/custom.js
View file

@ -32,6 +32,41 @@
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
/**
* Resize function without multiple trigger
*
* Usage:
* $(window).smartresize(function(){
* // code here
* });
*/
(function($,sr){
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap)
func.apply(obj, args);
timeout = null;
}
if (timeout)
clearTimeout(timeout);
else if (execAsap)
func.apply(obj, args);
timeout = setTimeout(delayed, threshold || 100);
};
};
// smartresize
jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
/**
* Resize function without multiple trigger
@ -164,7 +199,7 @@ $(document).ready(function () {
$('.main_container > .row > .left_col').removeClass('col-md-2 col-lg-2').addClass('col-md-1 col-lg-1 col-2');
if ($('.main_container > .row > .left_col.menu_fixed').length) {
if ($(window).width() < 992) {
$('.main_container > .row > .right_col_wrapper').addClass('offset-2');
$('.main_container > .row > .right_col_wrapper').addClass('offset-2 offset-md-1');
} else {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-md-2 offset-lg-2').addClass('offset-md-1');
}
@ -177,7 +212,7 @@ $(document).ready(function () {
$('.main_container > .row > .left_col').removeClass('col-lg-1 col-2 col-md-1').addClass('col-lg-2 col-md-2');
if ($('.main_container > .row > .left_col.menu_fixed').length) {
if ($(window).width() < 992) {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-2');
$('.main_container > .row > .right_col_wrapper').removeClass('offset-2 offset-md-1');
} else {
$('.main_container > .row > .right_col_wrapper').removeClass('offset-1').addClass('offset-md-2');
}