From c464180a9e16df24ebaab2aa8b093d87aab9ee26 Mon Sep 17 00:00:00 2001
From: kabachuha <artemkhrapov2001@yandex.ru>
Date: Fri, 21 Apr 2023 15:20:06 +0300
Subject: [PATCH] fix display

---
 javascript/t2v_progressbar.js |  2 +-
 scripts/text2vid.py           |  5 ++++-
 style.css                     | 24 +++++++++++++++++++++++-
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/javascript/t2v_progressbar.js b/javascript/t2v_progressbar.js
index d0d2141..05d5e5f 100644
--- a/javascript/t2v_progressbar.js
+++ b/javascript/t2v_progressbar.js
@@ -4,7 +4,7 @@ function submit_txt2vid(){
 
     var id = randomId()
     // Using progressbar without the gallery
-    requestProgress(id, null, null, function(){
+    requestProgress(id, gradioApp().getElementById('text2vid_results_panel'), null, function(){
         showSubmitButtons('text2vid', true)
     })
 
diff --git a/scripts/text2vid.py b/scripts/text2vid.py
index c2308ea..ec2fd61 100644
--- a/scripts/text2vid.py
+++ b/scripts/text2vid.py
@@ -60,9 +60,12 @@ def on_ui_tabs():
                     dummy_component2 = gr.Label("")
                 with gr.Row(variant='compact'):
                     btn = gr.Button("Click here after the generation to show the video")
+                with gr.Row(variant='compact'):
+                    with gr.Group(elem_id='text2vid_results_panel'):
+                        gr.Label("", visible=False)
                 with gr.Row(variant='compact'):
                     i1 = gr.HTML(args.i1_store_t2v, elem_id='deforum_header')
-                    def show_vid(): # Show video
+                    def show_vid(): # Show video1
                         return {
                             i1: gr.update(value=args.i1_store_t2v, visible=True),
                             btn: gr.update(value="Update the video", visible=True),
diff --git a/style.css b/style.css
index bf1566e..29ce319 100644
--- a/style.css
+++ b/style.css
@@ -7,4 +7,26 @@
 
 #vid_to_vid_chosen_file, #inpainting_chosen_file {
 	height: 85px !important;
-}
\ No newline at end of file
+}
+
+.generate-box{
+    position: relative;
+}
+.gradio-button.generate-box-skip, .gradio-button.generate-box-interrupt{
+    position: absolute;
+    width: 50%;
+    height: 100%;
+    display: none;
+    background: #b4c0cc;
+}
+.gradio-button.generate-box-skip:hover, .gradio-button.generate-box-interrupt:hover{
+    background: #c2cfdb;
+}
+.gradio-button.generate-box-interrupt{
+    left: 0;
+    border-radius: 0.5rem 0 0 0.5rem;
+}
+.gradio-button.generate-box-skip{
+    right: 0;
+    border-radius: 0 0.5rem 0.5rem 0;
+}