Spaces:
Running
Running
Update templates/index.html
Browse files- templates/index.html +11 -3
templates/index.html
CHANGED
|
@@ -220,13 +220,21 @@
|
|
| 220 |
}
|
| 221 |
|
| 222 |
/* ββ Scroll Progress ββ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 223 |
#scrollProgress {
|
| 224 |
-
position:
|
| 225 |
-
|
|
|
|
| 226 |
background: linear-gradient(90deg, var(--accent), var(--accent2));
|
| 227 |
transition: width 100ms ease;
|
| 228 |
-
z-index:
|
| 229 |
pointer-events: none;
|
|
|
|
| 230 |
}
|
| 231 |
|
| 232 |
/* ββ Chat area ββ */
|
|
|
|
| 220 |
}
|
| 221 |
|
| 222 |
/* ββ Scroll Progress ββ */
|
| 223 |
+
/*
|
| 224 |
+
Use fixed positioning so the progress bar is always pinned
|
| 225 |
+
to the viewport top. `position: sticky` can behave relative
|
| 226 |
+
to a scroll container or transformed ancestor, causing the
|
| 227 |
+
bar to appear in the wrong place.
|
| 228 |
+
*/
|
| 229 |
#scrollProgress {
|
| 230 |
+
position: fixed !important;
|
| 231 |
+
top: 0; left: 0;
|
| 232 |
+
height: 3px; width: 0%;
|
| 233 |
background: linear-gradient(90deg, var(--accent), var(--accent2));
|
| 234 |
transition: width 100ms ease;
|
| 235 |
+
z-index: 9999;
|
| 236 |
pointer-events: none;
|
| 237 |
+
transform-origin: left center;
|
| 238 |
}
|
| 239 |
|
| 240 |
/* ββ Chat area ββ */
|