diff --git a/build/css/ox.ui.classic.css b/build/css/ox.ui.classic.css index d96b4e59..7d9071dc 100644 --- a/build/css/ox.ui.classic.css +++ b/build/css/ox.ui.classic.css @@ -103,7 +103,6 @@ Forms background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(255, 255, 255)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); } -.OxThemeClassic input.OxInput:focus, .OxThemeClassic textarea.OxInput:focus { border: 1px solid rgb(160, 160, 160); -moz-box-shadow: 0 0 2px rgb(128, 128, 128); diff --git a/build/js/ox.ui.js b/build/js/ox.ui.js index c368cf26..0bc7d66a 100644 --- a/build/js/ox.ui.js +++ b/build/js/ox.ui.js @@ -1990,9 +1990,17 @@ requires } that.height = function(value) { + var percent = 8 / value * 100; if (self.options.type == "textarea") { that.$element.height(value); - that.$input.height(value); + that.$input + .height(value) + .css({ + background: "-moz-linear-gradient(top, rgb(224, 224, 224), rgb(240, 240, 240) " + percent + "%, rgb(240, 240, 240) " + (100 - percent) + "%, rgb(255, 255, 255))" + }) + .css({ + background: "-webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), color-stop(" + (percent / 100) + ", rgb(240, 240, 240)), color-stop(" + (1 - percent / 100) + ", rgb(240, 240, 240)), to(rgb(255, 255, 255)));" + }); } return that; } diff --git a/demos/test/index.html b/demos/test/index.html index 7f95368d..6a4401b8 100644 --- a/demos/test/index.html +++ b/demos/test/index.html @@ -514,7 +514,7 @@ Ox.Input({ placeholder: "some\ntext", type: "textarea" - }).width(400).height(200).addClass("margin").appendTo(mainPanel); + }).width(400).height(100).addClass("margin").appendTo(mainPanel); //*/ function openDialog() {