From: W. Trevor King <wking@tremily.us>
Date: Sun, 21 Sep 2014 12:09:55 +0000 (-0700)
Subject: nmbug.js: Style the dialog with some round corners and a shadow
X-Git-Tag: v0.1.0~27
X-Git-Url: http://git.tremily.us/?a=commitdiff_plain;h=f4a57b51fafbfa2093cced3dedfdc73b62b441ed;p=nmhive.git

nmbug.js: Style the dialog with some round corners and a shadow

The CSS is from Eiji Kitamura's demo [1].  I'm inlining the CSS here
to avoid more dynamic-loading shenanigans like we needed for the
dialog polyfill.  I don't expect this CSS will grow much larger
anyway.

[1]: http://demo.agektmr.com/dialog/#styling
---

diff --git a/nmbug.js b/nmbug.js
index e80053f..2bbde90 100644
--- a/nmbug.js
+++ b/nmbug.js
@@ -58,6 +58,10 @@ nmbug = {
 			dialogPolyfill.registerDialog(dialog);
 		}
 
+		dialog.style.border = '1px solid rgba(0, 0, 0, 0.3)';
+		dialog.style.borderRadius = '6px';
+		dialog.style.boxShadow = '0 3px 7px rgba(0, 0, 0, 0.3)';
+
 		var content = document.createElement('p');
 		content.innerHTML = 'Edit tags for ' + message_id;
 		dialog.appendChild(content);