From ca27b391b183f8677cafebe5f451097783ddce93 Mon Sep 17 00:00:00 2001 From: Rolux Date: Fri, 26 Feb 2010 14:42:21 +0100 Subject: [PATCH] updating css --- build/css/ox.ui.classic.css | 1 - build/js/ox.ui.js | 10 +++++++++- demos/test/index.html | 2 +- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/build/css/ox.ui.classic.css b/build/css/ox.ui.classic.css index d96b4e5..7d9071d 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 c368cf2..0bc7d66 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 7f95368..6a4401b 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() {