dlegr250_material_design 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e4c40b7102306aac6ebbfd27486425bd902860f4
-  data.tar.gz: 411f68dd96b89beadc6dc50c11d195b82fc12cf7
+  metadata.gz: 330b1bdaecf4bcea2531298cecb384c18932718a
+  data.tar.gz: bd7251cb778b1fd0ea2795b6f15fc4fb508e80d4
 SHA512:
-  metadata.gz: 595bd524d5aef8497a49fada2ef51ce7afec3d87134d69ac268dc6ee51bf298683958016a4f48ad276917e21a603a5e371a599a33b3dcef31714281282ca7502
-  data.tar.gz: 72e15047c7982081348ac3aadd74e3ba356364bcd48d803cc1f3b1b2f30dd731dc01b331ceec6cebef136e679e3d57671b06c733131a7cf70ff82adc1e6fe7f5
+  metadata.gz: e62e5af459bbe733225ae8b9015f7cf0caf92c6cc04f80d694c43bab596aa4dde40221d798463272968dd8127514c56a0cebfa00a0622b1322fc2d1c8d5de1ff
+  data.tar.gz: 8f60be127897633cdfc90b2233cbe975d061f27d7bfbf747774bbc79f738518c0b441a05afb33e1590615be9513e078d43a6fddf47385e979ccac09e27dc5ea5

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.1.5"
+  VERSION = "0.1.6"
 end

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

@@ -39,7 +39,7 @@ class App.MD.Layout
     if @$main.length > 0
       if @$leftSidebar.length > 0
         @$main.hammer({}).bind("swiperight", =>
-          if $(window).width() <= @$largeWidth
+          if $(window).width() < @$largeWidth
             @.showLeftSidebar()
         )
 
@@ -49,7 +49,7 @@ class App.MD.Layout
 
       if @$rightSidebar.length > 0
         @$main.hammer({}).bind("swipeleft", =>
-          if $(window).width() <= @$largeWidth
+          if $(window).width() < @$largeWidth
             @.showRightSidebar()
         )
 

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

@@ -79,19 +79,7 @@
 
 // TODO need classes for this???
 
-// Helper text is subtle text to give extra minor details
-//----------------------------------------------------------------------
-
-.hint {
-  color: color("hint");
-}
-
-.helper-text {
-  color: color("helper");
-  font-size: $font-size-small;
-}
-
-// Highlight
+// Highlight (yellowish background)
 //----------------------------------------------------------------------
 
 .highlight {

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

@@ -135,7 +135,6 @@ $colors: (
   "blue-grey"  : #607d8b,
   "icon"       : #737373,
   "helper"     : rgba(0, 0, 0, 0.54),
-  "hint"       : rgba(0, 0, 0, 0.54),
   "text"       : rgb(51, 51, 51),
   "divider"    : rgba(0, 0, 0, 0.12),
   "hover"      : #eceff1,
@@ -162,7 +161,7 @@ $hover-color: color("hover") !default;
 
 // Appbar only
 $appbar-text-color: color("white") !default;
-$appbar-button-color: color("hint") !default;
+$appbar-button-color: color("helper") !default;
 
 // Merge defaults back into globals to use in colored components.
 // Having this here allows access to the color helpers already created

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

@@ -29,7 +29,7 @@
 }
 
 .blank-slate {
-  color: color("hint");
+  color: color("helper");
   margin: auto;
   text-align: center;
 }

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

@@ -204,7 +204,7 @@ $buttons: "button, .button, input[type='submit'], input[type='reset'], input[typ
 
     @include box-shadow(0 3px 7px 0 rgba(0, 0, 0, 0.4));
     @include rounded-corners(250px);
-    @include text-shadow(0 -1px 0 color("hint"));
+    @include text-shadow(0 -1px 0 color("helper"));
 
     &:hover,
     &.hover {

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

@@ -62,7 +62,7 @@
   }
 
   .card-subtitle {
-    color: color("hint");
+    color: color("helper");
     padding-top: $spacing-small;
   }
 }

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

@@ -1,17 +1,13 @@
-// Error messages - base
-//----------------------------------------------------------------------
-
-.error-messages {
-  color: color("red");
-  display: inline-block;
-  font-size: $font-size-small;
-  font-weight: normal;
-  line-height: 1.4;
-  overflow: hidden;
-  padding-top: $spacing-xsmall;
-  position: relative;
-  vertical-align: middle;
-}
+//======================================================================
+// Helper or error msgs related to an input element.
+// EXAMPLE:
+// <div class="field">
+//   <label for="attribute" class="top">Text</label>
+//   <input type="text" name="attribute" id="attribute" class="full-width" />
+//   <span class="helper-text helper-text-bottom">Helper text</span>
+//   <span class="helper-text helper-text-bottom error-messages">Red error msgs...</span>
+// </div>
+//======================================================================
 
 // Wrapper for inputs with errors
 //----------------------------------------------------------------------
@@ -25,3 +21,25 @@
     border-color: color("red");
   }
 }
+
+// Helper text - base
+//----------------------------------------------------------------------
+
+.helper-text {
+  color: color("helper");
+  font-size: $font-size-small;
+  font-weight: normal;
+
+  &.helper-text-bottom {
+    display: inline-block;
+    line-height: 1.4;
+    overflow: hidden;
+    padding-top: $spacing-xsmall;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  &.error-messages {
+    color: color("red") !important;
+  }
+}

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

@@ -1,4 +1,11 @@
-// Fields header
+//======================================================================
+// Fields act as wrappers for input elements and labels and provide space
+// between inputs. Act as container for label placement (left/top).
+//======================================================================
+
+// Fields header - base
+// Large text used to separate logical sections in a form, similar to a
+// fieldset but did not want to use that element.
 //----------------------------------------------------------------------
 
 .fields-header {

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

@@ -180,11 +180,11 @@ ol {
 }
 
 .list-item-primary-subtext {
-  color: color("hint");
+  color: color("helper");
   padding-top: $spacing-xsmall;
 
   a {
-    color: color("hint");
+    color: color("helper");
   }
 }
 

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

@@ -125,7 +125,7 @@
 //----------------------------------------------------------------------
 
 .menu-item-icon {
-  color: color("hint");
+  color: color("helper");
   font-size: $font-size-icon;
   padding: 0;
   padding-left: $spacing-normal;
@@ -145,7 +145,7 @@
 //----------------------------------------------------------------------
 
 .menu-item-secondary {
-  color: color("hint");
+  color: color("helper");
   padding-right: $spacing-normal;
   text-align: right;
 

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

@@ -13,7 +13,7 @@
 
 .tab {
   border-bottom: 2px solid transparent;
-  color: color("hint");
+  color: color("helper");
   cursor: pointer;
   display: table-cell;
   font-size: $font-size-normal;
@@ -29,7 +29,7 @@
   @include transition(all 0.30s ease);
 
   .icon {
-    color: color("hint");
+    color: color("helper");
     font-size: $font-size-icon;
   }
 

data/vendor/assets/stylesheets/dlegr250_material_design.scss

@@ -37,7 +37,7 @@
 @import "components/forms/selects";
 @import "components/forms/toggles";
 @import "components/forms/radios";
-@import "components/forms/error_messages";
+@import "components/forms/helper_texts";
 @import "components/cards";
 @import "components/dialogs";
 @import "components/overlay";

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

@@ -27,7 +27,7 @@
 
 .sidebar-header {
   border-bottom: 1px solid color("divider");
-  color: color("hint");
+  color: color("helper");
   font-size: $font-size-large;
   height: $appbar-height;
   line-height: $appbar-height;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-02-16 00:00:00.000000000 Z
+date: 2016-02-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -106,6 +106,7 @@ files:
 - vendor/assets/stylesheets/components/dividers.scss
 - vendor/assets/stylesheets/components/forms/error_messages.scss
 - vendor/assets/stylesheets/components/forms/fields.scss
+- vendor/assets/stylesheets/components/forms/helper_texts.scss
 - vendor/assets/stylesheets/components/forms/labels.scss
 - vendor/assets/stylesheets/components/forms/radios.scss
 - vendor/assets/stylesheets/components/forms/selects.scss