IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

18
web/pgadmin/static/css/overrides.css
View File

@@ -283,6 +283,24 @@ iframe {
padding-right: 3px; padding-right: 3px;
padding-left: 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 { .obj_properties fieldset > div > .pgadmin-control-group > label {
height: 30px; height: 30px;

24
web/pgadmin/static/js/backform.pgadmin.js
View File

@@ -254,13 +254,33 @@
* Reference: * Reference:
* http://stackoverflow.com/questions/11338592/how-can-i-bind-to-the-change-event-of-a-textarea-in-jquery * 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", "change textarea": "onChange",
"keyup textarea": "onChange", "keyup textarea": "onChange",
"paste textarea": "onChange", "paste textarea": "onChange",
"selectionchange textarea": "onChange", "selectionchange textarea": "onChange",
"focus textarea": "clearInvalid" "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 * Overriding the render function of the select control to allow us to use