diff --git a/.github/evidence/pr-1610-before-after.png b/.github/evidence/pr-1610-before-after.png new file mode 100644 index 000000000..79eba063f Binary files /dev/null and b/.github/evidence/pr-1610-before-after.png differ diff --git a/apps/code/src/renderer/features/code-review/components/ReviewShell.tsx b/apps/code/src/renderer/features/code-review/components/ReviewShell.tsx index bbd37b15b..cd8f8975e 100644 --- a/apps/code/src/renderer/features/code-review/components/ReviewShell.tsx +++ b/apps/code/src/renderer/features/code-review/components/ReviewShell.tsx @@ -448,7 +448,7 @@ export function ReviewShell({
{children} diff --git a/apps/code/src/renderer/styles/globals.css b/apps/code/src/renderer/styles/globals.css index f17026338..2ddb62329 100644 --- a/apps/code/src/renderer/styles/globals.css +++ b/apps/code/src/renderer/styles/globals.css @@ -362,6 +362,38 @@ body { background: var(--gray-a8); } +.scrollbar-overlay-y { + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: transparent transparent; +} + +.scrollbar-overlay-y::-webkit-scrollbar { + width: 6px; + background: transparent; +} + +.scrollbar-overlay-y::-webkit-scrollbar-track { + background: transparent; +} + +.scrollbar-overlay-y::-webkit-scrollbar-thumb { + background: transparent; + border-radius: 3px; +} + +.scrollbar-overlay-y:hover { + scrollbar-color: var(--gray-a6) transparent; +} + +.scrollbar-overlay-y:hover::-webkit-scrollbar-thumb { + background: var(--gray-a6); +} + +.scrollbar-overlay-y:hover::-webkit-scrollbar-thumb:hover { + background: var(--gray-a8); +} + /* File mention list styles */ .file-mention-item { padding: var(--space-2);