Fixed styling on Material notices with just titles.

sciactive · May 17, 2018 · 6a01abf · 6a01abf
1 parent c6f0450
commit 6a01abf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/demo/styling.html b/demo/styling.html
@@ -139,6 +139,8 @@ <h2>Test Notices</h2>
     <button onclick="PNotify.info({title: 'Test Notice', text: 'This is a test notice.'})">Test Info</button>
     <button onclick="PNotify.success({title: 'Test Notice', text: 'This is a test notice.'})">Test Success</button>
     <button onclick="PNotify.error({title: 'Test Notice', text: 'This is a test notice.'})">Test Danger</button>
+    <button onclick="PNotify.info({title: 'This is a test notice.'})">Just Title</button>
+    <button onclick="PNotify.info({text: 'This is a test notice.'})">Just Text</button>
     <h3>Confirm Module</h3>
     <button onclick="PNotify.notice({
       title: 'Confirmation Needed',

diff --git a/src/PNotify.html b/src/PNotify.html
@@ -7,7 +7,7 @@
  Copyright 2015 Google, Inc.
 
  Licensed under Apache License, Version 2.0.
- 	http://www.apache.org/licenses/LICENSE-2.0
+  http://www.apache.org/licenses/LICENSE-2.0
 -->
 
 <div ref:elem

diff --git a/src/PNotifyStyleMaterial.html b/src/PNotifyStyleMaterial.html
@@ -59,9 +59,14 @@
   :global([ui-pnotify] .pnotify-material .ui-pnotify-title) {
     font-size: 20px;
     margin-bottom: 20px;
+    line-height: 24px;
+  }
+  :global([ui-pnotify] .pnotify-material .ui-pnotify-title:last-child) {
+    margin-bottom: 0;
   }
   :global([ui-pnotify] .pnotify-material .ui-pnotify-text) {
     font-size: 16px;
+    line-height: 24px;
   }
   :global([ui-pnotify].ui-pnotify-with-icon .pnotify-material .ui-pnotify-title),
   :global([ui-pnotify].ui-pnotify-with-icon .pnotify-material .ui-pnotify-text),