Add removable backdrop templates for close-on-click-outside dialogs

This commit is contained in:
Erik Ziegler 2015-11-16 12:40:50 +01:00
parent a3817e4d4e
commit 14f47ad0e3
3 changed files with 19 additions and 0 deletions

View File

@ -0,0 +1,7 @@
<template name="removableBackdrop">
<div class="removableBackdrop noselect"
oncontextmenu='return false;'
unselectable='on'
onselectstart='return false;'>
</div>
</template>

View File

@ -0,0 +1,9 @@
.removableBackdrop
position: fixed
top: 0
right: 0
bottom: 0
left: 0
z-index: 50
background-color: transparent

View File

@ -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');