Spaces:
Running
Running
fix(sidebar): replace inset box-shadow left bar with border-left accent
Browse filesThe inset shadow looked inconsistent; a 2px border-left is cleaner
and consistent with rag-research-copilot's item highlight pattern.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- ui/src/index.css +4 -8
ui/src/index.css
CHANGED
|
@@ -451,7 +451,8 @@ textarea:focus-visible {
|
|
| 451 |
border-radius: var(--radius);
|
| 452 |
cursor: pointer;
|
| 453 |
border: 1px solid transparent;
|
| 454 |
-
|
|
|
|
| 455 |
gap: 7px;
|
| 456 |
}
|
| 457 |
|
|
@@ -484,20 +485,15 @@ textarea:focus-visible {
|
|
| 484 |
.repo-item:hover .repo-item-actions { opacity: 1; }
|
| 485 |
|
| 486 |
.repo-item:hover {
|
| 487 |
-
/* Warm surface lift — reads as elevation, not just opacity */
|
| 488 |
background: var(--surface-2);
|
| 489 |
border-color: var(--border-strong);
|
| 490 |
-
|
| 491 |
}
|
| 492 |
|
| 493 |
.repo-item.active {
|
| 494 |
background: var(--accent-dim);
|
| 495 |
border-color: var(--accent-border);
|
| 496 |
-
|
| 497 |
-
box-shadow:
|
| 498 |
-
inset 3px 0 0 var(--accent),
|
| 499 |
-
0 0 16px var(--accent-dim),
|
| 500 |
-
0 2px 8px rgba(212,132,90,0.10);
|
| 501 |
}
|
| 502 |
/* Active repo: text pops to accent brightness and weight */
|
| 503 |
.repo-item.active .repo-slug { color: var(--accent-soft); font-weight: 600; }
|
|
|
|
| 451 |
border-radius: var(--radius);
|
| 452 |
cursor: pointer;
|
| 453 |
border: 1px solid transparent;
|
| 454 |
+
border-left: 2px solid transparent;
|
| 455 |
+
transition: background var(--transition), border-color var(--transition);
|
| 456 |
gap: 7px;
|
| 457 |
}
|
| 458 |
|
|
|
|
| 485 |
.repo-item:hover .repo-item-actions { opacity: 1; }
|
| 486 |
|
| 487 |
.repo-item:hover {
|
|
|
|
| 488 |
background: var(--surface-2);
|
| 489 |
border-color: var(--border-strong);
|
| 490 |
+
border-left-color: rgba(212, 132, 90, 0.4);
|
| 491 |
}
|
| 492 |
|
| 493 |
.repo-item.active {
|
| 494 |
background: var(--accent-dim);
|
| 495 |
border-color: var(--accent-border);
|
| 496 |
+
border-left-color: var(--accent);
|
|
|
|
|
|
|
|
|
|
|
|
|
| 497 |
}
|
| 498 |
/* Active repo: text pops to accent brightness and weight */
|
| 499 |
.repo-item.active .repo-slug { color: var(--accent-soft); font-weight: 600; }
|