dlegr250_material_design 0.2.03 → 0.2.04

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 300d53085cfe285f1242ca94f860b9c5c3c5b90b
-  data.tar.gz: f3cab3a85fbc270dc785dfc77a98fcf12dfc0bc1
+  metadata.gz: 2116df54e9d43749c2b255377ef9da2fbf33ae66
+  data.tar.gz: 1f6f53698ae14afb2f239d08091770618974b845
 SHA512:
-  metadata.gz: 640c4bb0a029c870fa4124e968ed2db9165dfd9ec4647db70331605418e2226c63e01ec6fbd77aee06ceb632a9174b5b5910b14dc4c345ca87f649b884b998c1
-  data.tar.gz: 6cfaabe5641a775632bc74c8528f937e12aa602387e0cae148618affca15e7fbb69585141cb5c0fa773fca25dba17235466e761cc716370267cbcff77b6954f6
+  metadata.gz: d3a9cbbe80d86ca945bb0a6066a83d80acf24fac38638f8f754a81cfa4466f027c166297779b07c99906963c770ccefc0d45b7db6fd935a5b3f41ee241e6592c
+  data.tar.gz: 6a2180708b293dd47d0885b88c915a4d674398ba8c86ab0c9bd5379be8c8a351f65463e6c1b0985582c01ae77fefd0dd268a490e3cac4b1f573d0da4a9da2523

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.2.03"
+  VERSION = "0.2.04"
 end

data/vendor/assets/javascripts/base/init.js.coffee

@@ -13,5 +13,4 @@ $(document).on "ready page:load", ->
   App.MD.Forms.init()
   App.MD.InputMasks.init()
   App.MD.Toggles.init()
-  App.MD.SnackbarHandler.init()
   App.MD.Snackbar.init()

data/vendor/assets/javascripts/dlegr250_material_design.js

@@ -8,7 +8,6 @@
 //= require extensions/coffeescript
 //= require base/init
 //= require third_party/handlebars.latest
-//= require third_party/snackbarlight
 //= require third_party/jquery.inputmask.min.3.2.8-11
 //= require third_party/jquery.autonumeric.1-9-44
 //= require components/layout
@@ -18,6 +17,5 @@
 //= require components/forms
 //= require components/input_masks
 //= require components/toggles
-//= require components/snackbar_handler
 //= require components/snackbar
 //= require components/utility

data/vendor/assets/stylesheets/components/snackbars.scss

@@ -0,0 +1,44 @@
+//======================================================================
+// Google Material Design Snackbar in-app notifications.
+//======================================================================
+
+// Snackbar - base
+//----------------------------------------------------------------------
+
+#snackbar {
+  background-color: #323232;
+  bottom: 0;
+  color: color("white");
+  cursor: pointer;
+  left: 0;
+  overflow: hidden;
+  padding: $spacing-normal;
+  position: absolute;
+  pointer-events: none;
+  right: 0;
+  will-change: transform;
+  z-index: $layout-depth + 1;
+  @include transform(translateY(200%));
+  @include transition(transform 0.15s cubic-bezier(0, 0, 0.3, 1));
+
+  &.visible {
+    pointer-events: auto;
+    @include transform(none);
+  }
+}
+
+@media (min-width: $medium-width) {
+  #snackbar {
+    left: 20px !important;
+    margin-bottom: 20px;
+    max-width: 568px;
+    min-width: 288px;
+    right: auto;
+    width: auto;
+    @include rounded-corners();
+  }
+}
+
+.fab.with-snackbar {
+  @include transform(translateY(-48px));
+}

data/vendor/assets/stylesheets/dlegr250_material_design.scss

@@ -20,7 +20,7 @@
 // Components
 //----------------------------------------------------------------------
 
-@import "components/snackbarlight";
+@import "components/snackbars";
 @import "components/badges";
 @import "components/tabs";
 @import "components/blank_states";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.2.03
+  version: 0.2.04
 platform: ruby
 authors:
 - Daniel LeGrand
@@ -84,7 +84,6 @@ files:
 - vendor/assets/javascripts/components/layout.coffee
 - vendor/assets/javascripts/components/menus.coffee
 - vendor/assets/javascripts/components/snackbar.coffee
-- vendor/assets/javascripts/components/snackbar_handler.coffee
 - vendor/assets/javascripts/components/tabs.coffee
 - vendor/assets/javascripts/components/toggles.coffee
 - vendor/assets/javascripts/components/utility.coffee
@@ -121,7 +120,7 @@ files:
 - vendor/assets/stylesheets/components/menus.scss
 - vendor/assets/stylesheets/components/overlay.scss
 - vendor/assets/stylesheets/components/panels.scss
-- vendor/assets/stylesheets/components/snackbarlight.scss
+- vendor/assets/stylesheets/components/snackbars.scss
 - vendor/assets/stylesheets/components/spinners.scss
 - vendor/assets/stylesheets/components/tables.scss
 - vendor/assets/stylesheets/components/tabs.scss

data/vendor/assets/javascripts/components/snackbar_handler.coffee

@@ -1,16 +0,0 @@
-# DEPRECATED 2016-06-21 / dan.legrand@gmail.com
-# Using Snackbar class instead of this 3rd-party plugin.
-
-#======================================================================
-# Assumes BODY tag will have a data-snackbar="text..." attribute.
-#======================================================================
-# class App.MD.SnackbarHandler
-#   @init: () ->
-#     snackbarText = $("body").data("snackbar")
-#     if snackbarText && snackbarText.length > 0
-#       new Snackbar(snackbarText)
-#
-#     snackbarErrorText = $("body").data("snackbar-error")
-#     if snackbarErrorText && snackbarErrorText.length > 0
-#       snackbarErrorText = "<span class='color-red'><i class='zmdi zmdi-alert-triangle zmdi-hc-fw'></i> #{snackbarErrorText}</span>"
-#       new Snackbar(snackbarErrorText)

data/vendor/assets/stylesheets/components/snackbarlight.scss

@@ -1,116 +0,0 @@
-//======================================================================
-// See: https://github.com/joostLawerman/SnackbarLightjs
-//======================================================================
-
-// Snackbar - container
-//----------------------------------------------------------------------
-
-// #snackbar-container {
-//   bottom: 0;
-//   left: 0;
-//   position: fixed;
-//   right: 0;
-//   width: 100%;
-//   z-index: 99999;
-// }
-
-// Snackbar - base
-//----------------------------------------------------------------------
-
-#snackbar {
-  background-color: #323232;
-  bottom: 0;
-  color: color("white");
-  cursor: pointer;
-  left: 0;
-  overflow: hidden;
-  padding: $spacing-normal;
-  position: absolute;
-  pointer-events: none;
-  right: 0;
-  will-change: transform;
-  z-index: $layout-depth + 1;
-  @include transform(translateY(100%));
-  @include transition(transform 0.15s cubic-bezier(0, 0, 0.3, 1));
-
-  &.visible {
-    pointer-events: auto;
-    @include transform(none);
-  }
-}
-
-@media (min-width: $medium-width) {
-  #snackbar {
-    left: 20px !important;
-    margin-bottom: 20px;
-    max-width: 568px;
-    min-width: 288px;
-    right: auto;
-    width: auto;
-    @include rounded-corners();
-  }
-}
-
-.fab.with-snackbar {
-  @include transform(translateY(-48px));
-}
-
-
-// .snackbar {
-//   background-color: color("snackbar");
-//   box-sizing: border-box;
-//   clear: both;
-//   color: color("white");
-//   cursor: pointer;
-//   font-size: $font-size-normal;
-//   min-width: 100%;
-//   opacity: 0;
-//   overflow: hidden;
-//   @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));
-//   @include transform(translateY(200%));
-//   @include transition(transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s);
-//   @include rounded-corners(0);
-//
-//   &.active {
-//     height: auto;
-//     margin-bottom: 0;
-//     padding: 18px 24px;
-//     @include transform(none);
-//     @include transition(transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s);
-//     @include transparency(1.0);
-//
-//     a {
-//       color: color("green");
-//       font-weight: bold;
-//       line-height: 100%;
-//       margin-left: 24px;
-//       text-decoration: none;
-//     }
-//   }
-// }
-
-// Snackbar - media queries for medium and beyond
-//----------------------------------------------------------------------
-
-// @media (min-width: $medium-width) {
-//   #snackbar-container {
-//     left: 20px !important;
-//     right: auto;
-//     width: auto;
-//   }
-//
-//   #snackbar-container .snackbar {
-//     max-width: 568px;
-//     min-width: 288px;
-//
-//     &.active {
-//       margin-bottom: 20px;
-//       padding: 14px 24px;
-//     }
-//   }
-//
-//   #snackbar-container [class="snackbar active"] {
-//     @include rounded-corners(2px);
-//     margin-bottom: 20px;
-//   }
-// }