diff --git a/build/lib/gradio/static/css/gradio.css b/build/lib/gradio/static/css/gradio.css index f5f39cb8a8..95d4de6511 100644 --- a/build/lib/gradio/static/css/gradio.css +++ b/build/lib/gradio/static/css/gradio.css @@ -31,10 +31,18 @@ display: flex; flex-flow: column; } +.output_panel { + position: relative; +} .loading { + position: absolute; + top: 10px; + left: 10px; margin-left: auto; + z-index: 1; } .loading img { + width: 50px; display: none; } .panel_buttons { diff --git a/build/lib/gradio/static/css/interfaces/output/textbox.css b/build/lib/gradio/static/css/interfaces/output/textbox.css index a6ed5e1ab0..2dc62e3db2 100644 --- a/build/lib/gradio/static/css/interfaces/output/textbox.css +++ b/build/lib/gradio/static/css/interfaces/output/textbox.css @@ -9,4 +9,7 @@ padding: 4px; min-height: 30px; font-family: monospace; + white-space: pre-wrap; /* CSS3 */ + white-space: -moz-pre-wrap; /* Firefox */ + word-wrap: break-word; /* IE */ } diff --git a/build/lib/gradio/static/img/logo_error.png b/build/lib/gradio/static/img/logo_error.png index 6629a6d514..7b22195776 100644 Binary files a/build/lib/gradio/static/img/logo_error.png and b/build/lib/gradio/static/img/logo_error.png differ diff --git a/build/lib/gradio/static/js/all_io.js b/build/lib/gradio/static/js/all_io.js index dcee3bf99e..7a7ca9eae7 100644 --- a/build/lib/gradio/static/js/all_io.js +++ b/build/lib/gradio/static/js/all_io.js @@ -22,8 +22,7 @@ var io_master_template = { this.target.find(".loading").removeClass("invisible"); this.target.find(".loading_in_progress").show(); this.target.find(".loading_failed").hide(); - this.target.find(".output_interface").addClass("invisible"); - this.target.find(".output_interfaces .panel_header").addClass("invisible"); + this.target.find(".output_interfaces").css("opacity", 0.5); } this.fn(this.last_input).then((output) => { io.output(output); @@ -54,8 +53,7 @@ var io_master_template = { }, refresh_lag); } else { this.target.find(".loading").addClass("invisible"); - this.target.find(".output_interface").removeClass("invisible"); - this.target.find(".output_interfaces .panel_header").removeClass("invisible"); + this.target.find(".output_interfaces").css("opacity", 1); } }, flag: function(message) { diff --git a/build/lib/gradio/static/js/gradio.js b/build/lib/gradio/static/js/gradio.js index ab5343535d..f6660c09b2 100644 --- a/build/lib/gradio/static/js/gradio.js +++ b/build/lib/gradio/static/js/gradio.js @@ -11,7 +11,7 @@ function gradio(config, fn, target) {
-