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

Make min-height for change, switch, batch and mqtt consistent

Browse Source 
to allow fit to smaller screens before scrolling
(to fix comment from forum)
This commit is contained in:
Dave Conway-Jones 2020-01-01 21:32:56 +00:00
parent 902f477ee3
commit 9c4640e010
No known key found for this signature in database
GPG Key ID: 302A6725C594817F
4 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/node_modules/@node-red/nodes/core/function/10-switch.html vendored
View File

@ -14,7 +14,7 @@
limitations under the License. limitations under the License.
--> -->
<script type="text/x-red" data-template-name="switch"> <script type="text/html" data-template-name="switch">
<div class="form-row"> <div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label> <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name"> <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
@ -173,7 +173,7 @@
} }
} }
$("#node-input-rule-container").css('min-height','250px').css('min-width','450px').editableList({ $("#node-input-rule-container").css('min-height','150px').css('min-width','450px').editableList({
addItem: function(container,i,opt) { addItem: function(container,i,opt) {
if (!opt.hasOwnProperty('r')) { if (!opt.hasOwnProperty('r')) {
opt.r = {}; opt.r = {};
@ -453,6 +453,7 @@
} }
var editorRow = $("#dialog-form>div.node-input-rule-container-row"); var editorRow = $("#dialog-form>div.node-input-rule-container-row");
height -= (parseInt(editorRow.css("marginTop"))+parseInt(editorRow.css("marginBottom"))); height -= (parseInt(editorRow.css("marginTop"))+parseInt(editorRow.css("marginBottom")));
height += 16;
$("#node-input-rule-container").editableList('height',height); $("#node-input-rule-container").editableList('height',height);
} }
}); });

6
packages/node_modules/@node-red/nodes/core/function/15-change.html vendored
View File

@ -1,5 +1,5 @@
<script type="text/x-red" data-template-name="change"> <script type="text/html" data-template-name="change">
<div class="form-row"> <div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label> <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name"> <input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
@ -81,7 +81,7 @@
rule.find('.red-ui-typedInput').typedInput("width",newWidth-130); rule.find('.red-ui-typedInput').typedInput("width",newWidth-130);
} }
$('#node-input-rule-container').css('min-height','300px').css('min-width','450px').editableList({ $('#node-input-rule-container').css('min-height','150px').css('min-width','450px').editableList({
addItem: function(container,i,opt) { addItem: function(container,i,opt) {
var rule = opt; var rule = opt;
if (!rule.hasOwnProperty('t')) { if (!rule.hasOwnProperty('t')) {
@ -259,7 +259,7 @@
} }
var editorRow = $("#dialog-form>div.node-input-rule-container-row"); var editorRow = $("#dialog-form>div.node-input-rule-container-row");
height -= (parseInt(editorRow.css("marginTop"))+parseInt(editorRow.css("marginBottom"))); height -= (parseInt(editorRow.css("marginTop"))+parseInt(editorRow.css("marginBottom")));
height += 16;
$("#node-input-rule-container").editableList('height',height); $("#node-input-rule-container").editableList('height',height);
} }
}); });

4
packages/node_modules/@node-red/nodes/core/network/10-mqtt.html vendored
View File

@ -129,7 +129,7 @@
}); });
</script> </script>
<script type="text/x-red" data-template-name="mqtt-broker"> <script type="text/html" data-template-name="mqtt-broker">
<div class="form-row"> <div class="form-row">
<label for="node-config-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label> <label for="node-config-input-name"><i class="fa fa-tag"></i> <span data-i18n="common.label.name"></span></label>
<input type="text" id="node-config-input-name" data-i18n="[placeholder]common.label.name"> <input type="text" id="node-config-input-name" data-i18n="[placeholder]common.label.name">
@ -137,7 +137,7 @@
<div class="form-row"> <div class="form-row">
<ul style="min-width: 600px; margin-bottom: 20px;" id="node-config-mqtt-broker-tabs"></ul> <ul style="min-width: 600px; margin-bottom: 20px;" id="node-config-mqtt-broker-tabs"></ul>
</div> </div>
<div id="node-config-mqtt-broker-tabs-content" style="min-height: 170px;"> <div id="node-config-mqtt-broker-tabs-content" style="min-height:150px;">
<div id="mqtt-broker-tab-connection" style="display:none"> <div id="mqtt-broker-tab-connection" style="display:none">
<div class="form-row node-input-broker"> <div class="form-row node-input-broker">
<label for="node-config-input-broker"><i class="fa fa-globe"></i> <span data-i18n="mqtt.label.broker"></span></label> <label for="node-config-input-broker"><i class="fa fa-globe"></i> <span data-i18n="mqtt.label.broker"></span></label>

4
packages/node_modules/@node-red/nodes/core/sequence/19-batch.html vendored
View File

@ -14,7 +14,7 @@
limitations under the License. limitations under the License.
--> -->
<script type="text/x-red" data-template-name="batch"> <script type="text/html" data-template-name="batch">
<div class="form-row"> <div class="form-row">
<label for="node-input-mode"><span data-i18n="batch.mode.label"></span></label> <label for="node-input-mode"><span data-i18n="batch.mode.label"></span></label>
<select type="text" id="node-input-mode" style="width: 300px;"> <select type="text" id="node-input-mode" style="width: 300px;">
@ -99,7 +99,7 @@
} }
$("#node-input-topics-container") $("#node-input-topics-container")
.css('min-height','200px').css('min-width','430px') .css('min-height','150px').css('min-width','430px')
.editableList({ .editableList({
addItem: function(container, i, opt) { addItem: function(container, i, opt) {
if (!opt.hasOwnProperty('topic')) { if (!opt.hasOwnProperty('topic')) {