diff --git a/index.htm b/index.htm
index 989fd42..6f919b7 100644
--- a/index.htm
+++ b/index.htm
@@ -132,7 +132,7 @@
diff --git a/js/GUI.Utils.js b/js/GUI.Utils.js
index 6ed43ef..02c054d 100644
--- a/js/GUI.Utils.js
+++ b/js/GUI.Utils.js
@@ -1,4 +1,16 @@
var lastInputBox;
+$.widget("ui.resizable", $.ui.resizable, {
+resizeBy: function(newSize) {
+ this._mouseStart($.Event("mousedown", { pageX: 0, pageY: 0 }));
+ this.axis = 'se';
+ var end = $.Event("mouseup", {
+ pageX: newSize.width,
+ pageY: newSize.height
+ });
+ this._mouseDrag(end);
+ this._mouseStop(end);
+}
+});
$(document).ready(function() {
// Controls menu hide/show
@@ -70,7 +82,7 @@ $(document).ready(function() {
$('#client-login').click(function() { reconnect();})
$(".vertical-resize").resizable({
handles: {
- 'n': '#client-term-resize'
+ 'n': '.handle'
},
alsoResize: "#client-term-output",
minWidth: "100%",
@@ -95,9 +107,9 @@ $(document).ready(function() {
});
$(window).resize(function() {
- $('.vertical-resize').resizable( "option", "maxHeight", ($(window).height() * 0.95) );
- if($('.vertical-resize').height() > ($(window).height() * 0.95) ) {
- $('.vertical-resize').height(($(window).height() * 0.95));
+ $('.vertical-resize').resizable( "option", "maxHeight", ($('.vertical-resize').parent().parent().height() * 0.95) );
+ if($('.vertical-resize').height() > ($('.vertical-resize').parent().parent().height() * 0.95) ) {
+ $('.vertical-resize').resizable("resizeBy", {height: '95%', width:'100%'});
}
});
// Websocket client startup
diff --git a/styles/styles.css b/styles/styles.css
index 5342860..c3b809e 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -134,7 +134,7 @@ input[type=radio]:checked + label:before {
#client-tab-desc{ padding-left: 0.5vw;}
#client-term-container {
- height: 40vh;
+ height: 40%;
width: 100%;
background-color: black;
}
@@ -154,7 +154,7 @@ input[type=radio]:checked + label:before {
}
#client-term-prompt {
width: 100%;
- height: 0.9vh;
+ height: 1em;
overflow: hidden;
white-space: pre-wrap;
text-align: left;