dlegr250_material_design 0.5.47 → 0.5.48

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 37c5aeee13e79284c7dbde9a55321b811ad128c1
-  data.tar.gz: f60afab728f9f32ae8c17b8eaa2f26ff77e613f5
+  metadata.gz: 1092094d06c179ad2ad938890cc40a53a7d5d3d6
+  data.tar.gz: ba2631af9544ab55cc6853745d8a79210d8b2c79
 SHA512:
-  metadata.gz: 29899681fb3e0175a2b8e5c2a60d2a7794b85347f45c740e6dd2f4d0fd85a0f325c8ff1240ecf46c2b13b8516c9dd97b9162d60e59c62eb37804a7b99fb08862
-  data.tar.gz: 7ae01958d1de458aaef380db35d801d7bf40d10e573aac1ee02884399339cbfe1e64b72456b199788f3a0859d5ea114e72cd78a3d9cbeda617150262b10c0db8
+  metadata.gz: d528e46cc7f6e797feda3ea92ba7422de9659633c681a3e73129273da935af941d238137e9377d036c359388b2570dace58d7d2a23feacc0cf1ea74cea3ea30c
+  data.tar.gz: 1174fa19baac2be0cd163a59725916fd99811299438ab7454df106272b696670f4f974703ac3ebc512c5d7c97088d6e4ed7ae898766026806d286a0e1446b13a

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.5.47"
+  VERSION = "0.5.48"
 end

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

@@ -51,6 +51,17 @@ class App.MD.Dialog
     element.hide().show()
     element.addClass("visible")
     element.find("input[autofocus]").focus()
+
+    # Add shadow on dialog appbar when scrolling contents
+    $("[data-scroll-shadow]").on "scroll", (e) ->
+      $this = $(this)
+      $dialogAppbar = $this.parents(".dialog").find(".dialog-appbar")
+
+      if $this.scrollTop()
+        $dialogAppbar.addClass("scroll-shadow")
+      else
+        $dialogAppbar.removeClass("scroll-shadow")
+
     false
 
   @closeDialog: (element) ->

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

@@ -10,10 +10,20 @@ class App.MD.Toggles
 
   @setEvents: () ->
     # Toggle to show/hide elements
-    $("body").on "click select", "[data-show-element]", (event) =>
-      domId = $(event.target).data("show-element")
-      $("#{domId}").removeClass("hidden")
+    $("body").on "click select", "[data-show-element]", (e) =>
+      # domId = $(event.target).data("show-element")
+      # $("#{domId}").removeClass("hidden")
+      $($(this).attr("data-show-element")).show()
 
-    $("body").on "click select", "[data-hide-element]", (event) =>
-      domId = $(event.target).data("hide-element")
-      $("#{domId}").addClass("hidden")
+    $(document).on "click", "[data-remove-element]", (e) ->
+      $($(this).attr("data-remove-element")).remove()
+
+    $(document).on "click", "[role='remove-element']", (e) ->
+      $this = $(this)
+      $elementToRemove = $this.attr("data-element")
+      $this.closest($elementToRemove).remove()
+
+    $("body").on "click select", "[data-hide-element]", (e) =>
+      # domId = $(e.target).data("hide-element")
+      # $("#{domId}").addClass("hidden")
+      $($(this).attr("data-hide-element")).hide()

data/vendor/assets/javascripts/extensions/jquery.js.coffee

@@ -40,3 +40,26 @@ jQuery.extend jQuery.fn,
       spinner = $("<div class='spinner-container'><div class='spinner spinner-#{color} spinner-#{size}'></div></div>")
       element.html(spinner)
       element
+
+# Increment / decrement integer values
+#----------------------------------------------------------------------
+
+jQuery.extend jQuery.fn,
+  increment: ->
+    @each ->
+      $element = $(this)
+      $value = parseInt($element.text())
+      if $value != NaN
+        $element.text($value + 1)
+      $element
+
+  decrement: ->
+    @each ->
+      $element = $(this)
+      $value = parseInt($element.text())
+      if $value != NaN
+        if $value <= 0
+          $element.text(0)
+        else
+          $element.text($value - 1)
+      $element

data/vendor/assets/stylesheets/base/global_classes.scss

@@ -12,6 +12,21 @@
   .color-#{$color-name} { color: #{$hex-value} !important; }
 }
 
+// Scroll shadow
+//----------------------------------------------------------------------
+
+.scroll-shadow {
+  @include box-shadow(0 2px 5px rgba(0, 0, 0, 0.30));
+}
+
+// Simple dot divider
+//----------------------------------------------------------------------
+
+.dot-divider {
+  padding: 0 $spacing-xsmall;
+  text-align: center;
+}
+
 // Alignments
 //----------------------------------------------------------------------
 

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

@@ -391,3 +391,22 @@ $buttons: ".button";
     width: inherit;
   }
 }
+
+// Buttons - button group
+//----------------------------------------------------------------------
+
+.button-group {
+  @include flex-parent-row();
+
+  .button {
+    @include rounded-corners(0);
+  }
+
+  .button:first-child {
+    @include rounded-left-corners();
+  }
+
+  .button:last-child {
+    @include rounded-right-corners();
+  }
+}

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

@@ -12,6 +12,9 @@
   border-bottom: 1px solid color("divider");
 }
 
+// Comment header
+//----------------------------------------------------------------------
+
 .comment-header {
   color: color("helper");
   font-size: $font-size-small;
@@ -19,20 +22,26 @@
 }
 
 .comment-header-author {
-  color: color("text");
+  color: color("helper");
   font-weight: bold;
-  padding-right: $spacing-xsmall;
+  padding-right: 0;
 }
 
 .comment-header-timestamp {
   color: color("helper");
-  padding-left: $spacing-xsmall;
+  padding-left: 0;
 }
 
+// Comment content
+//----------------------------------------------------------------------
+
 .comment-content {
   line-height: 1.3;
 }
 
+// Comment actions
+//----------------------------------------------------------------------
+
 .comment-actions {
   color: color("helper");
   font-size: $font-size-small;
@@ -40,7 +49,7 @@
 
   a {
     color: color("helper");
-    padding: $spacing-xsmall;
+    padding: $spacing-xsmall 0;
 
     &:hover {
       text-decoration: underline;
@@ -51,3 +60,12 @@
 .comment.highlighted .comment-content {
   background-color: color("highlight");
 }
+
+// Comment form actions
+//----------------------------------------------------------------------
+
+.comment-form-actions,
+.new-comment-actions {
+  padding-top: $spacing-small;
+  text-align: right;
+}

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

@@ -84,6 +84,7 @@
   border-bottom: 1px solid color("divider");
   height: $appbar-height;
   padding: 0 $spacing-small;
+  position: relative;
 }
 
 .dialog-appbar-icon {
@@ -125,6 +126,8 @@
 
 .dialog-appbar-secondary-actions {
   @include list-item-secondary-actions();
+  text-align: right;
+  @include flex-parent-row();
 }
 
 // Dialogs - header
@@ -138,6 +141,7 @@
 
 .dialog-header-icon {
   padding-top: $spacing-small;
+  text-align: center;
   width: $appbar-button-height;
 
   // To match up with .appbar-button

data/vendor/assets/stylesheets/components/forms/text_fields.scss

@@ -30,6 +30,7 @@
 
 textarea {
   padding: $spacing-small;
+  resize: none;
 }
 
 // Underline text fields

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

@@ -27,7 +27,8 @@
 
 .tab-primary {
   align-items: center;
-  display: flex;
+  // display: flex;
+  display: inline-block;
   flex: 1 1 auto;
   justify-content: center;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.5.47
+  version: 0.5.48
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-03-04 00:00:00.000000000 Z
+date: 2017-03-13 00:00:00.000000000 Z
 dependencies: []
 description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
   AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind