dlegr250_material_design 0.5.56 → 0.5.57

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

@@ -121,12 +121,6 @@
   margin-bottom: $button-fab-height * 2;
 }
 
-// Cursors
-//----------------------------------------------------------------------
-
-.cursor-default { cursor: default !important; }
-.cursor-disabled { cursor: not-allowed !important; }
-
 // Hover
 //----------------------------------------------------------------------
 

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

@@ -1,15 +1,40 @@
+// Comment
+//----------------------------------------------------------------------
+
 .comment {
+  border: none;
   margin: 0;
   padding: $spacing-normal 0;
   @include rounded-corners(0);
 }
 
+.comment:not(:last-child) {
+  border-bottom: none;
+}
+
 .comment:first-child {
-  padding-top: 0;
+  padding-top: $spacing-normal;
 }
 
-.comment:not(:last-child) {
-  border-bottom: 1px solid color("divider");
+.comment:last-child {
+  padding-bottom: 0;
+}
+
+// Comment form container
+//----------------------------------------------------------------------
+
+.comment-form {
+  background-color: color("grey-100");
+  border: 1px solid color("divider");
+  // margin-bottom: $spacing-normal;
+  padding: $spacing-normal;
+  @include rounded-corners();
+}
+
+.comment-form-edit {
+  background-color: color("highlight");
+  margin-top: $spacing-normal;
+  // margin-bottom: 0;
 }
 
 // Comment header
@@ -67,5 +92,19 @@
 .comment-form-actions,
 .new-comment-actions {
   padding-top: $spacing-small;
-  text-align: right;
+  text-align: left;
+}
+
+// Comment form trigger
+//----------------------------------------------------------------------
+
+.comment-form-trigger {
+  background-color: color("white");
+  border: 1px solid color("divider");
+  color: color("helper");
+  font-size: $font-size-text-field;
+  padding: $spacing-small;
+  text-align: left;
+  width: 100%;
+  @include rounded-corners();
 }

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

@@ -0,0 +1,6 @@
+// Cursors
+//----------------------------------------------------------------------
+
+.cursor-default { cursor: default !important; }
+.cursor-disabled { cursor: not-allowed !important; }
+.cursor-drag { cursor: move !important; }

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

@@ -158,7 +158,9 @@
   @include list-item-primary();
   flex: 1;
   font-size: $font-size-large;
-  font-weight: 400;
+  // font-weight: 400;
+  font-weight: bold;
+  padding: $spacing-normal;
 }
 
 .dialog-header-primary-subtext {
@@ -178,7 +180,8 @@
 //----------------------------------------------------------------------
 
 .dialog-content {
-  padding: $spacing-normal;
+  // padding: $spacing-normal;
+  padding: $spacing-large;
 }
 
 .dialog-scrollable,

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

@@ -0,0 +1,19 @@
+[data-behavior="expansion-panel"] {
+  [data-behavior="expansion-panel-summary"] {
+    display: block;
+  }
+
+  [data-behavior="expansion-panel-details"] {
+    display: none;
+  }
+}
+
+[data-behavior="expansion-panel"][data-state="expanded"] {
+  [data-behavior="expansion-panel-summary"] {
+    display: none;
+  }
+
+  [data-behavior="expansion-panel-details"] {
+    display: block;
+  }
+}

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

@@ -127,31 +127,75 @@ ol {
   border-bottom: 1px solid color("divider");
 }
 
+// Hoverable
+// .list-hoverable {
+//   .list-item {
+//     &:hover { background-color: color("hover"); }
+//     &:active { background-color: darken(color("hover"), 3%); }
+//   }
+//
+//   .button-icon {
+//     &:hover { background-color: darken(color("hover"), 7%); }
+//     &:active { background-color: darken(color("hover"), 12%); }
+//   }
+// }
+//
+// .list-hoverable-blue {
+//   .list-item {
+//     &:hover { background-color: color("hover-blue"); }
+//     &:active { background-color: darken(color("hover-blue"), 3%); }
+//   }
+//
+//   .button-icon {
+//     &:hover { background-color: darken(color("hover-blue"), 7%); }
+//     &:active { background-color: darken(color("hover-blue"), 12%); }
+//   }
+// }
+
 // Hoverable
 .list-hoverable {
   .list-item {
-    &:hover { background-color: color("hover"); }
     &:active { background-color: darken(color("hover"), 3%); }
   }
 
   .button-icon {
-    &:hover { background-color: darken(color("hover"), 7%); }
     &:active { background-color: darken(color("hover"), 12%); }
   }
 }
 
 .list-hoverable-blue {
   .list-item {
-    &:hover { background-color: color("hover-blue"); }
     &:active { background-color: darken(color("hover-blue"), 3%); }
   }
 
   .button-icon {
-    &:hover { background-color: darken(color("hover-blue"), 7%); }
     &:active { background-color: darken(color("hover-blue"), 12%); }
   }
 }
 
+// Devices with pointers
+@media (hover: hover) {
+  .list-hoverable {
+    .list-item {
+      &:hover { background-color: color("hover"); }
+    }
+
+    .button-icon {
+      &:hover { background-color: darken(color("hover"), 7%); }
+    }
+  }
+
+  .list-hoverable-blue {
+    .list-item {
+      &:hover { background-color: color("hover-blue"); }
+    }
+
+    .button-icon {
+      &:hover { background-color: darken(color("hover-blue"), 7%); }
+    }
+  }
+}
+
 // Aligned top instead of centered
 .list-align-top {
   .list-item {

data/vendor/assets/stylesheets/dlegr250_material_design.scss

@@ -34,6 +34,8 @@
 @import "components/dividers";
 @import "components/boxes";
 @import "components/buttons";
+@import "components/cursors";
+@import "components/expansion_panels";
 @import "components/draggable";
 @import "components/subheaders";
 @import "components/forms/fields";

data/vendor/assets/stylesheets/layouts/application/appbar.scss

@@ -63,10 +63,10 @@
     &:hover {
       background-color: darken($color-primary, 7%);
     }
-
-    &:active {
-      background-color: darken($color-primary, 12%);
-    }
+    // 
+    // &:active {
+    //   background-color: darken($color-primary, 12%);
+    // }
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.5.56
+  version: 0.5.57
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-03-19 00:00:00.000000000 Z
+date: 2017-04-05 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
@@ -37,8 +37,14 @@ files:
 - lib/dlegr250_material_design.rb
 - lib/dlegr250_material_design/version.rb
 - vendor/assets/javascripts/base/init.js.coffee
+- vendor/assets/javascripts/components/clockpicker.coffee
+- vendor/assets/javascripts/components/combobox.coffee
+- vendor/assets/javascripts/components/datepicker.coffee
 - vendor/assets/javascripts/components/dialog.coffee
+- vendor/assets/javascripts/components/expansion_panels.coffee
+- vendor/assets/javascripts/components/form_submit_buttons.coffee
 - vendor/assets/javascripts/components/forms.coffee
+- vendor/assets/javascripts/components/html_editor.coffee
 - vendor/assets/javascripts/components/input_masks.coffee
 - vendor/assets/javascripts/components/layout.coffee
 - vendor/assets/javascripts/components/menus.coffee
@@ -50,11 +56,23 @@ files:
 - vendor/assets/javascripts/components/utility.coffee
 - vendor/assets/javascripts/dlegr250_material_design.js
 - vendor/assets/javascripts/extensions/coffeescript.js.coffee
-- vendor/assets/javascripts/extensions/jquery.js.coffee
+- vendor/assets/javascripts/extensions/jquery/binary_insert.coffee
+- vendor/assets/javascripts/extensions/jquery/increment_and_decrement.coffee
+- vendor/assets/javascripts/extensions/jquery/positioning.coffee
+- vendor/assets/javascripts/extensions/jquery/spinner.coffee
+- vendor/assets/javascripts/third_party/autosize.min.3.0.20.js
 - vendor/assets/javascripts/third_party/handlebars.latest.js
 - vendor/assets/javascripts/third_party/jquery.autonumeric.1-9-44.js
+- vendor/assets/javascripts/third_party/jquery.clockpicker.js
 - vendor/assets/javascripts/third_party/jquery.inputmask.min.3.2.8-11.js
 - vendor/assets/javascripts/third_party/jquery.scroll_scope.min.0.1.0.js
+- vendor/assets/javascripts/third_party/moment.min.2.17.1.js
+- vendor/assets/javascripts/third_party/mousetrap.min.1.6.0.js
+- vendor/assets/javascripts/third_party/pikaday.base.js
+- vendor/assets/javascripts/third_party/pikaday.jquery.js
+- vendor/assets/javascripts/third_party/scroll_scope.min.js
+- vendor/assets/javascripts/third_party/select2.min.4.0.3.js
+- vendor/assets/javascripts/third_party/sortable.js
 - vendor/assets/stylesheets/base/base.scss
 - vendor/assets/stylesheets/base/global_classes.scss
 - vendor/assets/stylesheets/base/mixins.scss
@@ -70,10 +88,12 @@ files:
 - vendor/assets/stylesheets/components/cards.scss
 - vendor/assets/stylesheets/components/circles.scss
 - vendor/assets/stylesheets/components/comments.scss
+- vendor/assets/stylesheets/components/cursors.scss
 - vendor/assets/stylesheets/components/description_lists.scss
 - vendor/assets/stylesheets/components/dialogs.scss
 - vendor/assets/stylesheets/components/dividers.scss
 - vendor/assets/stylesheets/components/draggable.scss
+- vendor/assets/stylesheets/components/expansion_panels.scss
 - vendor/assets/stylesheets/components/forms/check_boxes.scss
 - vendor/assets/stylesheets/components/forms/fields.scss
 - vendor/assets/stylesheets/components/forms/helper_texts.scss

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

@@ -1,65 +0,0 @@
-#======================================================================
-# Extensions to jQuery core.
-# See: http://stackoverflow.com/a/5638717/667772
-# See: http://jsfiddle.net/giobongio/RyFje/1/
-#======================================================================
-
-# Center an absolute element horizontally and vertically in window
-#----------------------------------------------------------------------
-
-jQuery.extend jQuery.fn,
-  absoluteCenter: ->
-    @each ->
-      element = $(this)
-      element.css("left", ($(document).width() - element.width()) / 2)
-      element.css("top", ($(document).height() - element.height()) / 2)
-      element
-
-  horizontalCenter: ->
-    @each ->
-      element = $(this)
-      element.css("left", ($(document).width() - element.width()) / 2)
-      element
-
-  verticalCenter: ->
-    @each ->
-      element = $(this)
-      element.css("top", ($(document).height() - element.height()) / 2)
-      element
-
-# Change content of element to be centered spinner
-#----------------------------------------------------------------------
-
-jQuery.extend jQuery.fn,
-  replaceWithSpinner: (options = {}) ->
-    color = options["color"] || "primary"
-    size = options["size"] || "normal"
-
-    @each ->
-      element = $(this)
-      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