From 14f47ad0e36bee205e8257eaf2ea26ef73b89fca Mon Sep 17 00:00:00 2001
From: Erik Ziegler <erik.ziegler@ulg.ac.be>
Date: Mon, 16 Nov 2015 12:40:50 +0100
Subject: [PATCH] Add removable backdrop templates for close-on-click-outside
 dialogs

---
 .../basic/removableBackdrop/removableBackdrop.html       | 7 +++++++
 .../basic/removableBackdrop/removableBackdrop.styl       | 9 +++++++++
 Packages/viewerbase/package.js                           | 3 +++
 3 files changed, 19 insertions(+)
 create mode 100644 Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html
 create mode 100644 Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl

diff --git a/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html
new file mode 100644
index 000000000..4a02a21f0
--- /dev/null
+++ b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html
@@ -0,0 +1,7 @@
+<template name="removableBackdrop">
+    <div class="removableBackdrop noselect"
+        oncontextmenu='return false;'
+        unselectable='on'
+        onselectstart='return false;'>
+    </div>
+</template>
diff --git a/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl
new file mode 100644
index 000000000..06a5d3a7b
--- /dev/null
+++ b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl
@@ -0,0 +1,9 @@
+.removableBackdrop
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  z-index: 50
+  background-color: transparent
+  
\ No newline at end of file
diff --git a/Packages/viewerbase/package.js b/Packages/viewerbase/package.js
index f2fa2376d..dec457990 100644
--- a/Packages/viewerbase/package.js
+++ b/Packages/viewerbase/package.js
@@ -32,6 +32,9 @@ Package.onUse(function (api) {
     api.addFiles('components/basic/loadingText/loadingText.html', 'client');
     api.addFiles('components/basic/loadingText/loadingText.styl', 'client');
 
+    api.addFiles('components/basic/removableBackdrop/removableBackdrop.html', 'client');
+    api.addFiles('components/basic/removableBackdrop/removableBackdrop.styl', 'client');
+
     api.addFiles('components/basic/hidingPanel/hidingPanel.html', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.js', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.styl', 'client');