1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00

Merge pull request #3164 from node-red/fix-http-response-layout

Fix sizing of HTTP Response header fields
This commit is contained in:
Nick O'Leary 2021-10-04 10:54:01 +01:00 committed by GitHub
commit a98013806c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -160,23 +160,21 @@
return this.name?"node_label_italic":""; return this.name?"node_label_italic":"";
}, },
oneditprepare: function() { oneditprepare: function() {
function resizeRule(rule) {
var newWidth = rule.width();
rule.find('.red-ui-typedInput').typedInput("width",(newWidth-15)/2);
}
var headerList = $("#node-input-headers-container").css('min-height','150px').css('min-width','450px').editableList({ var headerList = $("#node-input-headers-container").css('min-height','150px').css('min-width','450px').editableList({
addItem: function(container,i,header) { addItem: function(container,i,header) {
var row = $('<div/>').css({ var row = $('<div/>').css({
overflow: 'hidden', overflow: 'hidden',
whiteSpace: 'nowrap' whiteSpace: 'nowrap',
display: 'flex'
}).appendTo(container); }).appendTo(container);
var propertNameCell = $('<div/>').css({'flex-grow':1}).appendTo(row);
var propertyName = $('<input/>',{class:"node-input-header-name",type:"text"}) var propertyName = $('<input/>',{class:"node-input-header-name",type:"text", style:"width: 100%"})
.appendTo(row) .appendTo(propertNameCell)
.typedInput({types:headerTypes}); .typedInput({types:headerTypes});
var propertyValue = $('<input/>',{class:"node-input-header-value",type:"text",style:"margin-left: 10px"}) var propertyValueCell = $('<div/>').css({'flex-grow':1,'margin-left':'10px'}).appendTo(row);
.appendTo(row) var propertyValue = $('<input/>',{class:"node-input-header-value",type:"text",style:"width: 100%"})
.appendTo(propertyValueCell)
.typedInput({types: .typedInput({types:
header.h === 'content-type'?contentTypes:[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}] header.h === 'content-type'?contentTypes:[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}]
}); });
@ -224,12 +222,7 @@
propertyValue.typedInput('types',[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}]); propertyValue.typedInput('types',[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}]);
} }
}); });
resizeRule(container);
}, },
resizeItem: resizeRule,
removable: true removable: true
}); });