frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Add full-screen shade that covers everything but notfications

Browse Source
This commit is contained in:
Nick O'Leary 2017-12-10 22:35:57 +00:00
parent 27f1d3b704
commit 604e3068b2
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
editor/js/ui/notifications.js
View File

@ -26,10 +26,7 @@ RED.notify = (function() {
} }
if (options.modal) { if (options.modal) {
$("#header-shade").show(); $("#full-shade").show();
$("#editor-shade").show();
$("#palette-shade").show();
$(".sidebar-shade").show();
} }
if (currentNotifications.length > 4) { if (currentNotifications.length > 4) {
@ -77,10 +74,7 @@ RED.notify = (function() {
nn.parentNode.removeChild(nn); nn.parentNode.removeChild(nn);
}); });
if (options.modal) { if (options.modal) {
$("#header-shade").hide(); $("#full-shade").hide();
$("#editor-shade").hide();
$("#palette-shade").hide();
$(".sidebar-shade").hide();
} }
}; };
})(); })();

5
editor/sass/editor.scss
View File

@ -158,7 +158,10 @@
top: -1px; top: -1px;
bottom: -1px; bottom: -1px;
} }
#full-shade {
@include shade;
z-index: 15;
}
.dialog-form,#dialog-form, #node-config-dialog-edit-form { .dialog-form,#dialog-form, #node-config-dialog-edit-form {
height: 100%; height: 100%;

1
editor/templates/index.mst
View File

@ -77,6 +77,7 @@
<div id="sidebar-separator"></div> <div id="sidebar-separator"></div>
</div> </div>
<div id="full-shade" class="hide"></div>
<div id="notifications"></div> <div id="notifications"></div>
<div id="dropTarget"><div data-i18n="[append]workspace.dropFlowHere"><br/><i class="fa fa-download"></i></div></div> <div id="dropTarget"><div data-i18n="[append]workspace.dropFlowHere"><br/><i class="fa fa-download"></i></div></div>