Benat Froemming-Aldanondo commited on
Commit
1fa6e40
·
1 Parent(s): d4232ed

Remove progress bar

Browse files
Files changed (2) hide show
  1. script.js +1 -22
  2. style.css +4 -21
script.js CHANGED
@@ -281,25 +281,4 @@ function setupChatScroll() {
281
  observer.observe(chatDisplay, { childList: true, subtree: true });
282
  window.addEventListener('resize', scrollToBottom);
283
  }
284
- setupChatScroll();
285
-
286
- function hideStatusBar() {
287
- const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
288
- let node;
289
- while (node = walker.nextNode()) {
290
- if (/processing|sec\b|\d+\.\d+s/.test(node.textContent.toLowerCase())) {
291
- let el = node.parentElement;
292
- while (el && el !== document.body) {
293
- const style = getComputedStyle(el);
294
- if (style.position === 'fixed' || style.position === 'absolute') {
295
- el.style.display = 'none';
296
- break;
297
- }
298
- el = el.parentElement;
299
- }
300
- }
301
- }
302
- }
303
-
304
- const statusObserver = new MutationObserver(hideStatusBar);
305
- statusObserver.observe(document.body, { childList: true, subtree: true });
 
281
  observer.observe(chatDisplay, { childList: true, subtree: true });
282
  window.addEventListener('resize', scrollToBottom);
283
  }
284
+ setupChatScroll();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
style.css CHANGED
@@ -31,17 +31,6 @@ body :has(#app-shell):not(#app-shell) {
31
  overflow: hidden !important;
32
  }
33
 
34
- #statusbar,
35
- .statusbar,
36
- .status-tracker,
37
- .progress-text,
38
- [id*="status"],
39
- [class*="status"],
40
- [class*="progress"],
41
- [class*="eta"] {
42
- display: none !important;
43
- }
44
-
45
  /* Hide all Gradio chrome we don't need */
46
  footer, .svelte-1ipelgc, .built-with { display: none !important; }
47
 
@@ -157,21 +146,15 @@ footer, .svelte-1ipelgc, .built-with { display: none !important; }
157
  #chat-display {
158
  flex: 1;
159
  min-height: 0;
160
- overflow: hidden;
161
  display: flex;
162
  flex-direction: column;
 
163
  }
164
 
165
- /* ── Chat scroll area ── */
166
- #chat-display {
167
- flex: 1;
168
- min-height: 0;
169
- overflow: hidden;
170
- }
171
-
172
- /* Collapse ALL Gradio wrapper divs inside chat-display out of layout */
173
  #chat-display > div,
174
- #chat-display > div > div {
 
175
  display: contents !important;
176
  }
177
 
 
31
  overflow: hidden !important;
32
  }
33
 
 
 
 
 
 
 
 
 
 
 
 
34
  /* Hide all Gradio chrome we don't need */
35
  footer, .svelte-1ipelgc, .built-with { display: none !important; }
36
 
 
146
  #chat-display {
147
  flex: 1;
148
  min-height: 0;
 
149
  display: flex;
150
  flex-direction: column;
151
+ overflow: hidden !important;
152
  }
153
 
154
+ /* Collapse Gradio's wrapper divs */
 
 
 
 
 
 
 
155
  #chat-display > div,
156
+ #chat-display > div > div,
157
+ #chat-display > div > div > div {
158
  display: contents !important;
159
  }
160