dlegr250_material_design 0.5.90 → 0.5.91

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 32172c9823c92a5abb2b74e38632bbc85fbfcbe5
-  data.tar.gz: c15fe399f889c554b265da34a8eea01aead3f0b8
+  metadata.gz: d3b8e37e2e746a580a9d421b1e36761edaacf195
+  data.tar.gz: a16502da9d74ef96ae4dad2f2b89cd02cbe1cf4e
 SHA512:
-  metadata.gz: 2162e9ea7538050888aca7569130e800122ca1e324827f0fb79a711489bd75810162481f747827254e8d61e9a871bc25461bcb9241544a6c98294d43478b52d6
-  data.tar.gz: 0fb622485d8baa603f330c675d6b390c94199f0dd83966c27e40380b2e3ae1361cb6292e727561674dba632e7f212999e123c2bc4c590765a2e3f10e9e48344a
+  metadata.gz: a9a556f706ff3946429d9b34b9268825f578d37fdb3c542eda634a9425dabd92361c527a4a7fe97d55d875bf9440cdc141d2c6ab159c40b9432123571a6ad3d7
+  data.tar.gz: f54c8c769164efe2ad04ae7b35c5562e9c09ebac1d00d1e8a0fe9d7f9a0aa06d36d08ba2d66f167bc8f5aa41c911733875536efdf03b84110f23e20e27f2fb18

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.5.90"
+  VERSION = "0.5.91"
 end

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

@@ -76,6 +76,16 @@
   .dialog-xlarge { width: $dialog-width-xlarge !important; }
 }
 
+// Dialog - title (header without toolbar actions)
+//----------------------------------------------------------------------
+
+.dialog-title {
+  font-size: $font-size-large;
+  font-weight: bold;
+  padding: $spacing-normal;
+  padding-bottom: 0;
+}
+
 // .dialog-toolbar
 //----------------------------------------------------------------------
 
@@ -83,6 +93,7 @@
   border-bottom: 1px solid color("divider");
   height: $toolbar-height-device-small;
   padding: 0 $spacing-small;
+  position: relative; // Allow box-shadow to cover children
   @include elevation(4);
   @include flex-parent();
   @include transition(box-shadow 0.2s ease);
@@ -167,7 +178,7 @@
   flex: 0;
 }
 
-// Dialogs - content
+// Dialogs - scrollable
 //----------------------------------------------------------------------
 
 .dialog-scrollable {
@@ -193,36 +204,63 @@
   }
 }
 
-.dialog-content {
-  // height: 1000px;
+// Dialogs - scrollable with actions
+//----------------------------------------------------------------------
+
+.dialog-scrollable-with-actions {
+  max-height: calc(100vh - #{$toolbar-height-device-small * 1});
+  overflow-y: auto;
 }
 
+@media (min-width: $device-medium) {
+  .dialog-scrollable-with-actions {
+    max-height: calc(90vh - #{$toolbar-height-device-medium * 2});
+  }
+}
 
-// .dialog-scrollable,
-// .dialog-scrollable-no-actions {
-//   max-height: calc(100vh - #{$dialog-header-height}); // For dialog-header
-//   overflow-x: hidden;
-//   overflow-y: auto;
-// }
-//
-// @media (min-width: $device-small) {
-//   .dialog-scrollable {
-//     max-height: calc(90vh - #{$dialog-header-height * 2}); // For dialog-header and dialog-actions
-//   }
-//
-//   .dialog-scrollable-no-actions {
-//     max-height: calc(90vh - #{$dialog-header-height}); // For dialog-header and dialog-actions
-//   }
-// }
+@media (min-width: $device-large) {
+  .dialog-scrollable-with-actions {
+    max-height: calc(90vh - #{$toolbar-height-device-large * 2});
+  }
+}
+
+@media (min-width: $device-xlarge) {
+  .dialog-scrollable-with-actions {
+    max-height: calc(90vh - #{$toolbar-height-device-xlarge * 2});
+  }
+}
 
 // Dialogs - actions
 //----------------------------------------------------------------------
 
 .dialog-actions {
-  border-top: 1px solid color("divider");
-  height: $dialog-header-height;
-  line-height: $dialog-header-height;
+  border-top: none;
+  height: $toolbar-height-device-small;
   padding: 0 $spacing-normal;
+  @include flex-parent();
+  @include flex-align-right();
+}
+
+@media (min-width: $device-medium) {
+  .dialog-actions {
+    height: $toolbar-height-device-medium;
+  }
+}
+
+@media (min-width: $device-large) {
+  .dialog-actions {
+    height: $toolbar-height-device-large;
+  }
+}
+
+@media (min-width: $device-xlarge) {
+  .dialog-actions {
+    height: $toolbar-height-device-xlarge;
+  }
+}
+
+.dialog-actions-bordered {
+  border-top: 1px solid color("divider");
 }
 
 // Dialog - full height

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

@@ -112,9 +112,9 @@ ol {
 }
 
 // Remove duplicate border on last item in list
-.list-bordered.list-divided .list-item:last-child {
-  border-bottom: none;
-}
+// .list-bordered.list-divided .list-item:last-child {
+//   border-bottom: none;
+// }
 
 // Dividers between items
 .list-divided .list-item {

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

@@ -94,9 +94,9 @@
   .tr .td { border-bottom: 1px solid color("divider"); }
 }
 
-.table-bordered.table-divided .tbody .tr:last-child .td {
-  border-bottom: none;
-}
+// .table-bordered.table-divided .tbody .tr:last-child .td {
+//   border-bottom: none;
+// }
 
 .table-hoverable .tbody .tr:active { background-color: darken(color("grey-200"), 3%); }
 .table-hoverable .tbody .tr .button-icon:active { background-color: darken(color("grey-200"), 12%); }

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

@@ -23,7 +23,6 @@
     position: absolute;
     text-transform: none;
     top: 100%;
-    // transition-delay: 0.8s;
     visibility: hidden;
     white-space: nowrap;
     z-index: 2;
@@ -38,7 +37,7 @@
     &:after {
       display: block;
       visibility: visible;
-      transition-delay: 0.25s;
+      transition-delay: 0.8s;
       @include transparency(1);
     }
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.5.90
+  version: 0.5.91
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-10-05 00:00:00.000000000 Z
+date: 2017-10-23 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