From f4a57b51fafbfa2093cced3dedfdc73b62b441ed Mon Sep 17 00:00:00 2001 From: "W. Trevor King" Date: Sun, 21 Sep 2014 05:09:55 -0700 Subject: [PATCH] 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 --- nmbug.js | 4 ++++ 1 file changed, 4 insertions(+) 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); -- 2.26.2