get progressbar to display correctly in extensions tab

YenCheChangGoogle · Aug 30, 2023 · afea99a · afea99a
1 parent 965c728
commit afea99a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/javascript/extensions.js b/javascript/extensions.js
@@ -33,7 +33,7 @@ function extensions_check() {
 
 
     var id = randomId();
-    requestProgress(id, gradioApp().getElementById('extensions_installed_top'), null, function() {
+    requestProgress(id, gradioApp().getElementById('extensions_installed_html'), null, function() {
 
     });
 

diff --git a/modules/ui_extensions.py b/modules/ui_extensions.py
@@ -557,8 +557,12 @@ def create_ui():
                         msg = '"--disable-extra-extensions" was used, remove it to load all extensions again'
                     html = f'<span style="color: var(--primary-400);">{msg}</span>'
 
-                info = gr.HTML(html)
-                extensions_table = gr.HTML('Loading...')
+                with gr.Row():
+                    info = gr.HTML(html)
+
+                with gr.Row(elem_classes="progress-container"):
+                    extensions_table = gr.HTML('Loading...', elem_id="extensions_installed_html")
+
                 ui.load(fn=extension_table, inputs=[], outputs=[extensions_table])
 
                 apply.click(

diff --git a/style.css b/style.css
@@ -517,6 +517,11 @@ table.popup-table .link{
     background: #b4c0cc;
     border-radius: 3px !important;
     top: -20px;
+    width: 100%;
+}
+
+.progress-container{
+    position: relative;
 }
 
 [id$=_results].mobile{
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,7 @@ function extensions_check() { @@
         var id = randomId();
-        requestProgress(id, gradioApp().getElementById('extensions_installed_top'), null, function() {
+        requestProgress(id, gradioApp().getElementById('extensions_installed_html'), null, function() {
         });
@@ Expand Down @@