umanggarg Claude Sonnet 4.6 commited on
Commit
3dca23c
·
1 Parent(s): 1e4cb92

fix(sidebar): replace inset box-shadow left bar with border-left accent

Browse files

The 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>

Files changed (1) hide show
  1. 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
- transition: background var(--transition), border-color var(--transition), transform var(--transition);
 
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
- box-shadow: inset 3px 0 0 rgba(212, 132, 90, 0.55);
491
  }
492
 
493
  .repo-item.active {
494
  background: var(--accent-dim);
495
  border-color: var(--accent-border);
496
- /* Prominent 3px left accent bar + outer bloom */
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; }