compatible test

app/assets/javascripts/BSBMaterial/admin.js

@@ -34,7 +34,7 @@ $.AdminBSB.options = {
         scrollBorderRadius: '0',
         scrollRailBorderRadius: '0',
         scrollActiveItemWhenPageLoad: true,
-        breakpointWidth: 1170
+        breakpointWidth: 2230 //1170
     },
     dropdownMenu: {
         effectIn: 'fadeIn',

app/assets/javascripts/application.js

@@ -13,6 +13,7 @@
 //= require jquery
 //= require jquery_nested_form
 //= require tether
+//= require bootstrap/js/popper.min
 //= require bootstrap/js/bootstrap-material-design.min
 //= require jquery_ujs
 //= require turbolinks
@@ -36,19 +37,19 @@
 //= require BSBMaterial/demo.js
 
 
-// $(document).on('turbolinks:load', function() {
-//   $('.datepicker').datepicker({
-//      format : 'dd-mm-yyyy',
-//      autoclose: true
-//   });
-//   $('.datepicker').attr('ReadOnly','true');
-//   $('.datepicker').css('cursor','pointer');
-// });
+$(document).on('turbolinks:load', function() {
+  $('.datepicker').datepicker({
+     format : 'dd-mm-yyyy',
+     autoclose: true
+  });
+  $('.datepicker').attr('ReadOnly','true');
+  $('.datepicker').css('cursor','pointer');
+});
 
-//  $(document).on("focus", "[data-behaviour~='datepicker']", function(e){
-//     $(this).datepicker({"format": "yyyy-M-dd", "weekStart": 1, "autoclose": true});
-//   $('.dropdown-toggle').dropdown();
-// });
+ $(document).on("focus", "[data-behaviour~='datepicker']", function(e){
+    $(this).datepicker({"format": "yyyy-M-dd", "weekStart": 1, "autoclose": true});
+  $('.dropdown-toggle').dropdown();
+});
 
 function export_to(path)
 {

app/assets/javascripts/login.js

@@ -10,5 +10,11 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+//= require jquery
+//= require jquery_nested_form
+//= require tether
+//= require bootstrap/js/popper.min
 //= require bootstrap/js/bootstrap-material-design.min
-//= require node-waves/waves.js
+//= require turbolinks
+//= require node-waves/waves.js
+//= require BSBMaterial/admin.js

app/assets/stylesheets/application.scss

@@ -6,70 +6,72 @@
 @import "BSBMaterial/style";
 @import "BSBMaterial/themes/all-themes";
 
-@media (min-width: 768px) {  
-  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
-    margin-left: 0px;
-  }
+.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
-@media (max-width: 1169px) and (min-width: 992px) {
-  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
-    margin-left: 20px;
-  }
+.navbar-header {
+  padding: 0px;
 }
 
 .navbar-brand {
-  height: 40px;
-  padding: 5px 0px;
+  padding-top: 0rem;
+  padding-bottom: 0rem;
 }
 
-.ls-closed .bars:after, .ls-closed .bars:before {
-  position: absolute;
-  top: 13px;
-  left: 13px;
+.navbar-brand-txt {
+  position: relative;
+  top: 5px;
 }
 
-.navbar-brand > img {
-  display: inline;
+.navbar-right a {
+  color: #fff;
 }
 
-.navbar-nav > li > a {
-  margin-top: 12px;
-}
-
-.navbar-nav .dropdown-menu {
-  margin-top: 0px !important;
-}
-
-.navbar-nav .dropdown a > i.material-icons {
-  margin-top: 0px;
-}
-
-.navbar-nav > li > a {
-  display: inline-flex;
+.navbar-right a.dropdown-toggle {
+  position: relative;
+  top: -5px;
 }
 
 .dropdown-menu {
   margin-top: 0px !important;
 }
 
-.sidebar {
-  top: 60px;
-  height: calc(100vh - 60px);
-}
-
-.right-sidebar {
-  top: 60px;
-  height: calc(100vh - 60px);
+.ls-closed .bars:after, .ls-closed .bars:before {
+  position: absolute;
+  top: 8px;
 }
 
 section.content {
-   margin: 60px 15px 0 315px;
+  margin: 70px 15px 0 225px;
+}
+
+.sidebar {
+  width: 210px;
+  height: calc(100vh - 55px);
+  position: fixed;
+  top: 55px;
+  right: 250px;
+}
+
+.right-sidebar {
+  width: 240px;
+  height: calc(100vh - 55px);
+  position: fixed;
+  right: -260px;
+  top: 55px;
+}
+
+.nav-tabs li a.active {
+  color: #222 !important; 
+}
+
+.info-box {
+  margin-bottom: 20px;
+}
+
+.card {
+  margin-bottom: 20px;
 }
 
-.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-  position: relative;
-  min-height: 1px;
-  padding-right: 10px;
-  padding-left: 10px;
-}

app/assets/stylesheets/login.scss

@@ -3,11 +3,13 @@
 @import "animate-css/animate";
 @import "BSBMaterial/style";
 
-/* Show it is fixed to the top */
-// body {
-//   min-height: 75rem;
-//   padding-top: 4.5rem;
-// }
+.login-page {
+  margin: 1% auto;
+}
+
+.form-group {
+  margin-bottom: 15px;
+}
 
 .padding-10 {
   padding: 10px;