mtl 1.0.3 → 1.1.0

data/vendor/assets/stylesheets/materialize/_waves.scss

@@ -34,7 +34,7 @@
     // text-decoration: none;
     z-index: 1;
     will-change: opacity, transform;
-    transition: all .3s ease-out;
+    transition: .3s ease-out;
 
     .waves-ripple {
         position: absolute;

data/vendor/assets/stylesheets/materialize/forms/_input-fields.scss

@@ -123,6 +123,18 @@ textarea.materialize-textarea {
 
 // Styling for input field wrapper
 .input-field {
+  // Inline styles
+  &.inline {
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 5px;
+
+    input,
+    .select-dropdown {
+      margin-bottom: 1rem;
+    }
+  }
+
   // Gutter spacing
   &.col {
     label {
@@ -142,6 +154,7 @@ textarea.materialize-textarea {
     color: $input-border-color;
     position: absolute;
     top: 0.8rem;
+    left: 0;
     font-size: 1rem;
     cursor: text;
     transition: .2s ease-out;

data/vendor/assets/stylesheets/materialize/forms/_radio-buttons.scss

@@ -53,7 +53,6 @@
 }
 
 [type="radio"]:not(:checked) + label:after {
-  z-index: -1;
   transform: scale(0);
 }
 
@@ -71,7 +70,6 @@
 [type="radio"]:checked + label:after,
 [type="radio"].with-gap:checked + label:after {
   background-color: $radio-fill-color;
-  z-index: 0;
 }
 
 [type="radio"]:checked + label:after {

data/vendor/assets/stylesheets/materialize/forms/_select.scss

@@ -40,8 +40,13 @@ select {
     color: initial;
     position: absolute;
     right: 0;
-    top: 16px;
+    top: 0;
+    bottom: 0;
+    height: 10px;
+    margin: auto 0;
     font-size: 10px;
+    line-height: 10px;
+
     &.disabled {
       color: $input-disabled-color;
     }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mtl
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.1.0
 platform: ruby
 authors:
 - Marco Plüss
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-10-24 00:00:00.000000000 Z
+date: 2017-01-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -227,8 +227,8 @@ files:
 - vendor/assets/javascripts/materialize/jquery.easing.1.3.js
 - vendor/assets/javascripts/materialize/jquery.hammer.js
 - vendor/assets/javascripts/materialize/jquery.timeago.min.js
-- vendor/assets/javascripts/materialize/leanModal.js
 - vendor/assets/javascripts/materialize/materialbox.js
+- vendor/assets/javascripts/materialize/modal.js
 - vendor/assets/javascripts/materialize/parallax.js
 - vendor/assets/javascripts/materialize/prism.js
 - vendor/assets/javascripts/materialize/pushpin.js

data/vendor/assets/javascripts/materialize/leanModal.js

@@ -1,192 +0,0 @@
-(function($) {
-    var _stack = 0,
-    _lastID = 0,
-    _generateID = function() {
-      _lastID++;
-      return 'materialize-lean-overlay-' + _lastID;
-    };
-
-  $.fn.extend({
-    openModal: function(options) {
-
-      var $body = $('body');
-      var oldWidth = $body.innerWidth();
-      $body.css('overflow', 'hidden');
-      $body.width(oldWidth);
-
-      var defaults = {
-        opacity: 0.5,
-        in_duration: 350,
-        out_duration: 250,
-        ready: undefined,
-        complete: undefined,
-        dismissible: true,
-        starting_top: '4%',
-        ending_top: '10%'
-      };
-      var $modal = $(this);
-
-      if ($modal.hasClass('open')) {
-        return;
-      }
-
-      var overlayID = _generateID();
-      var $overlay = $('<div class="lean-overlay"></div>');
-      lStack = (++_stack);
-
-      // Store a reference of the overlay
-      $overlay.attr('id', overlayID).css('z-index', 1000 + lStack * 2);
-      $modal.data('overlay-id', overlayID).css('z-index', 1000 + lStack * 2 + 1);
-      $modal.addClass('open');
-
-      $("body").append($overlay);
-
-      // Override defaults
-      options = $.extend(defaults, options);
-
-      if (options.dismissible) {
-        $overlay.click(function() {
-          $modal.closeModal(options);
-        });
-        // Return on ESC
-        $(document).on('keyup.leanModal' + overlayID, function(e) {
-          if (e.keyCode === 27) {   // ESC key
-            $modal.closeModal(options);
-          }
-        });
-      }
-
-      $modal.find(".modal-close").on('click.close', function(e) {
-        $modal.closeModal(options);
-      });
-
-      $overlay.css({ display : "block", opacity : 0 });
-
-      $modal.css({
-        display : "block",
-        opacity: 0
-      });
-
-      $overlay.velocity({opacity: options.opacity}, {duration: options.in_duration, queue: false, ease: "easeOutCubic"});
-      $modal.data('associated-overlay', $overlay[0]);
-
-      // Define Bottom Sheet animation
-      if ($modal.hasClass('bottom-sheet')) {
-        $modal.velocity({bottom: "0", opacity: 1}, {
-          duration: options.in_duration,
-          queue: false,
-          ease: "easeOutCubic",
-          // Handle modal ready callback
-          complete: function() {
-            if (typeof(options.ready) === "function") {
-              options.ready();
-            }
-          }
-        });
-      }
-      else {
-        $.Velocity.hook($modal, "scaleX", 0.7);
-        $modal.css({ top: options.starting_top });
-        $modal.velocity({top: options.ending_top, opacity: 1, scaleX: '1'}, {
-          duration: options.in_duration,
-          queue: false,
-          ease: "easeOutCubic",
-          // Handle modal ready callback
-          complete: function() {
-            if (typeof(options.ready) === "function") {
-              options.ready();
-            }
-          }
-        });
-      }
-
-
-    }
-  });
-
-  $.fn.extend({
-    closeModal: function(options) {
-      var defaults = {
-        out_duration: 250,
-        complete: undefined
-      };
-      var $modal = $(this);
-      var overlayID = $modal.data('overlay-id');
-      var $overlay = $('#' + overlayID);
-      $modal.removeClass('open');
-
-      options = $.extend(defaults, options);
-
-      // Enable scrolling
-      $('body').css({
-        overflow: '',
-        width: ''
-      });
-
-      $modal.find('.modal-close').off('click.close');
-      $(document).off('keyup.leanModal' + overlayID);
-
-      $overlay.velocity( { opacity: 0}, {duration: options.out_duration, queue: false, ease: "easeOutQuart"});
-
-
-      // Define Bottom Sheet animation
-      if ($modal.hasClass('bottom-sheet')) {
-        $modal.velocity({bottom: "-100%", opacity: 0}, {
-          duration: options.out_duration,
-          queue: false,
-          ease: "easeOutCubic",
-          // Handle modal ready callback
-          complete: function() {
-            $overlay.css({display:"none"});
-
-            // Call complete callback
-            if (typeof(options.complete) === "function") {
-              options.complete();
-            }
-            $overlay.remove();
-            _stack--;
-          }
-        });
-      }
-      else {
-        $modal.velocity(
-          { top: options.starting_top, opacity: 0, scaleX: 0.7}, {
-          duration: options.out_duration,
-          complete:
-            function() {
-
-              $(this).css('display', 'none');
-              // Call complete callback
-              if (typeof(options.complete) === "function") {
-                options.complete();
-              }
-              $overlay.remove();
-              _stack--;
-            }
-          }
-        );
-      }
-    }
-  });
-
-  $.fn.extend({
-    leanModal: function(option) {
-      return this.each(function() {
-
-        var defaults = {
-          starting_top: '4%'
-        },
-        // Override defaults
-        options = $.extend(defaults, option);
-
-        // Close Handlers
-        $(this).click(function(e) {
-          options.starting_top = ($(this).offset().top - $(window).scrollTop()) /1.15;
-          var modal_id = $(this).attr("href") || '#' + $(this).data('target');
-          $(modal_id).openModal(options);
-          e.preventDefault();
-        }); // done set on click
-      }); // done return
-    }
-  });
-})(jQuery);