modifications for materialize

resources/assets/js/site.js

@@ -27,17 +27,6 @@ $(".confirm-logout").click(function() {
     });
 });
 
-$('#confirmDeletionModal').on('show.bs.modal', function (event) {
-  event.stopPropagation();
-  var button = $(event.relatedTarget) // Button that triggered the modal
-  var data = button.data() // Extract info from data-* attributes
-  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
-  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
-  var modal = $(this)
-  modal.find('#identifier').text(data.identifier);
-  modal.find('#confirmDeletionButton').data('url',data.url);
-});
-
 $("#confirmDeletionButton").click(function() {
 	var data = $(this).data();
     $.ajax({
@@ -50,4 +39,13 @@ $("#confirmDeletionButton").click(function() {
             window.location.href = data;
         }
     });
+});
+
+$('.modal').modal({
+    ready: function(modal,trigger){
+        var data = trigger.data();
+
+        modal.find('#identifier').text(data.identifier);
+        modal.find('#confirmDeletionButton').data('url', data.url);
+    }
 });

resources/assets/sass/_variables.scss

@@ -1,37 +1,14 @@
+//Fixed SideNav
 
-// Body
-$body-bg: #f5f8fa;
+header,main,footer{
+    padding-left: 300px;
+}
+main{
+    padding-top: 5px;
+}
 
-// Borders
-$laravel-border-color: darken($body-bg, 10%);
-$list-group-border: $laravel-border-color;
-$navbar-default-border: $laravel-border-color;
-$panel-default-border: $laravel-border-color;
-$panel-inner-border: $laravel-border-color;
-
-// Brands
-$brand-primary: #3097D1;
-$brand-info: #8eb4cb;
-$brand-success: #2ab27b;
-$brand-warning: #cbb956;
-$brand-danger: #bf5329;
-
-// Typography
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
-$font-family-sans-serif: "Raleway", sans-serif;
-$line-height-base: 1.6;
-$text-color: #636b6f;
-
-// Navbar
-$navbar-default-bg: #fff;
-
-// Buttons
-$btn-default-color: $text-color;
-
-// Inputs
-$input-border: lighten($text-color, 40%);
-$input-border-focus: lighten($brand-primary, 25%);
-$input-color-placeholder: lighten($text-color, 30%);
-
-// Panels
-$panel-default-heading-bg: #fff;
+@media only screen and (max-width: 992px){
+    header,main,footer{
+        padding-left: 0;
+    }
+}

resources/assets/sass/app.scss

@@ -1,9 +1,5 @@
-
-// Fonts
-@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
-
 // Variables
 @import "variables";
 
 // Bootstrap
-@import "node_modules/bootstrap/scss/bootstrap";
+@import "node_modules/materialize-css/sass/materialize.scss";