fix display

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)
     })
 

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),

style.css

@@ -8,3 +8,25 @@
 #vid_to_vid_chosen_file, #inpainting_chosen_file {
 	height: 85px !important;
 }
+
+.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;
+}