dlegr250_material_design 0.4.83 → 0.4.85

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3b80f1be1c9fb66e5740d3ba258277db4e04df39
-  data.tar.gz: dde508c5e30bcfca36f10a62074fa5f6ee99d9db
+  metadata.gz: a91ecb29fa918176838957242ca43f9ab41139cd
+  data.tar.gz: edf60fa857f40c31345bc520a166ca827b057334
 SHA512:
-  metadata.gz: 9ed2144bb6c885297f3e61af1ade048e3632dec1ab928d5645d177a671fc184fab4d1d09dcb48503a0e42f6d71b569f30b6e86bfc92a5bd2d8a5dfbfbd6d97cf
-  data.tar.gz: 372d24169f0c20ea1044df46c1bb20160ed6d81428d12cb0c633dc55614492b75d69349d854ed209f359d526ef734528877fa7daafe3f476cd6221b229eae364
+  metadata.gz: c88bbc45746b05e048f96b65b8160f992e6dab997c91b40c3d8c6c2a2bb4141ce6dbecf2b0a2b404462622ce3269e0d3a31263915b91ef105c21cd5ee7307e72
+  data.tar.gz: 684af623a5a5e5000ab93ee87bb8a9d4cdb317da4601c6b3468aa6dce04374adb21f64119f478a3bb4d5b3a4c46ce2a203bafb69ab619db00988aefed53c0744

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.4.83"
+  VERSION = "0.4.85"
 end

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

@@ -19,10 +19,32 @@
   @include rounded-corners(50%);
 }
 
+// .badge-small {
+//   font-size: $font-size-small;
+//   min-width: 14px;
+//   padding: $spacing-xsmall;
+// }
+//
+// .button-xsmall {
+//   font-size: $font-size-small;
+//   height: 28px;
+//   line-height: 28px;
+//   min-width: $button-height * 0.6;
+//   padding: 0 $spacing-xsmall;
+// }
+
+// Using dense name to be consistent with MD spec
 .badge-small {
   font-size: $font-size-small;
-  min-width: 14px;
-  padding: $spacing-xsmall;
+  height: $button-height-dense !important;
+  line-height: $button-height-dense !important;
+  min-width: $button-height * 0.8;
+  padding: 0 $spacing-small;
+}
+
+.badge-large {
+  height: $button-height-large !important;
+  line-height: $button-height-large !important;
 }
 
 // Badges - colors

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

@@ -26,6 +26,17 @@
   }
 }
 
+// Dialogs - shared
+//----------------------------------------------------------------------
+
+.dialog-header,
+.dialog-header-primary,
+.dialog-header-primary-subtext,
+.dialog-content,
+.dialog-actions {
+  box-sizing: border-box;
+}
+
 // Dialogs - base
 //----------------------------------------------------------------------
 
@@ -33,6 +44,8 @@
   background: color("white");
   cursor: default;
   max-width: 90%;
+  // overflow-y: scroll; // For tall dialogs that go off-screen
+  overflow: hidden;
   z-index: $dialog-depth;
   @include rounded-corners;
 }
@@ -63,19 +76,20 @@
 //----------------------------------------------------------------------
 
 .dialog-header {
-  @include list-item();
-  min-height: $appbar-height;
-  // padding: 0 $spacing-normal;
+  @include flex-parent-row();
+  height: $appbar-height;
+  padding: 0 $spacing-small;
 }
 
 .dialog-header-bordered {
   border-bottom: 1px solid color("divider");
-  margin-bottom: $spacing-normal;
 }
 
 .dialog-header-icon {
-  @include list-item-icon();
-  margin-right: $spacing-normal;
+  width: $appbar-button-height;
+  margin-right: $spacing-small;
+  // @include list-item-icon();
+  // margin-right: $spacing-normal;
 
   // To match up with .appbar-button
   .button-icon {
@@ -86,13 +100,9 @@
   }
 }
 
-.dialog-header-primary,
-.dialog-header-secondary {
-  box-sizing: border-box;
-}
-
 .dialog-header-primary {
   @include list-item-primary();
+  flex: 1;
   font-size: $font-size-normal + 2px;
   font-weight: bold;
   padding-left: $spacing-normal;
@@ -121,22 +131,32 @@
 //----------------------------------------------------------------------
 
 .dialog-content {
+  max-height: calc(100vh - $appbar-height); // For dialog-header
+  overflow: auto;
   padding: $spacing-normal;
-  padding-top: 0;
   @include force-text-wrap()
 }
 
+@media (min-width: $small-width) {
+  .dialog-content {
+    max-height: calc(90vh - $appbar-height * 2); // For dialog-header and dialog-actions
+  }
+}
+
 // Dialogs - actions
 //----------------------------------------------------------------------
 
 .dialog-actions {
-  padding: $spacing-normal;
-  padding-top: 0;
+  height: $appbar-height;
+  padding: 0 $spacing-normal;
+  @include flex-parent-row();
+  // padding: $spacing-normal;
+  // padding-top: 0;
 }
 
 .dialog-actions-bordered {
   border-top: 1px solid color("divider");
-  padding-top: $spacing-normal;
+  // padding-top: $spacing-normal;
 }
 
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.4.83
+  version: 0.4.85
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-01-25 00:00:00.000000000 Z
+date: 2017-01-30 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