Spaces:
Sleeping
Sleeping
Benat Froemming-Aldanondo commited on
Commit ·
1fa6e40
1
Parent(s): d4232ed
Remove progress bar
Browse files
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 |
-
/*
|
| 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 |
|