Make the dialogue control sizing slightly more compact and properly control textarea resizing.

This commit is contained in:
Arun Kollan
2016-03-10 15:31:43 +00:00
committed by Dave Page
parent def1a30251
commit 17ed27fbcd
2 changed files with 45 additions and 7 deletions

View File

@@ -283,6 +283,24 @@ iframe {
padding-right: 3px;
padding-left: 3px;
}
.pgadmin-controls > textarea.form-control,
.pgadmin-controls > textarea.form-control[disabled] {
min-width: 100%;
max-width: 100%;
}
.pgadmin-controls > div.checkbox, .pgadmin-controls > div.checkbox[disabled] {
height: 28px;
}
.pgadmin-controls > .uneditable-input, .pgadmin-controls > .pgadmin-node-select,
.pgadmin-controls > input.form-control, .pgadmin-controls > select.form-control,
.pgadmin-controls > .uneditable-input[disabled],
.pgadmin-controls > .pgadmin-node-select[disabled],
.pgadmin-controls > input.form-control[disabled],
.pgadmin-controls > select.form-control[disabled] {
height: 28px;
padding: 3px 6px !important;
}
.obj_properties fieldset > div > .pgadmin-control-group > label {
height: 30px;

View File

@@ -254,13 +254,33 @@
* Reference:
* http://stackoverflow.com/questions/11338592/how-can-i-bind-to-the-change-event-of-a-textarea-in-jquery
*/
Backform.TextareaControl.prototype.events = {
_.extend(
Backform.TextareaControl.prototype, {
defaults: _.extend(
Backform.TextareaControl.prototype.defaults, {
rows: 5
}),
events : {
"change textarea": "onChange",
"keyup textarea": "onChange",
"paste textarea": "onChange",
"selectionchange textarea": "onChange",
"focus textarea": "clearInvalid"
};
},
template: _.template([
'<label class="<%=Backform.controlLabelClassName%>"><%=label%></label>',
'<div class="<%=Backform.controlsClassName%>">',
' <textarea ',
' class="<%=Backform.controlClassName%> <%=extraClasses.join(\' \')%>" name="<%=name%>"',
' maxlength="<%=maxlength%>" placeholder="<%-placeholder%>" <%=disabled ? "disabled" : ""%>',
' rows=<%=rows%>',
' <%=required ? "required" : ""%>><%-value%></textarea>',
' <% if (helpMessage && helpMessage.length) { %>',
' <span class="<%=Backform.helpMessageClassName%>"><%=helpMessage%></span>',
' <% } %>',
'</div>'
].join("\n"))
});
/*
* Overriding the render function of the select control to allow us to use