Add custom hidden scrollbar styles and clean up code

Introduced CSS classes to hide scrollbars while maintaining scrollability across browsers. Also removed unnecessary blank lines in frameRenderer.ts for code cleanliness.
This commit is contained in:
Nikhil Solanki committed 2025-12-25 16:12:34 +05:30
1 parent 54f36b1bd1
commit 658457553e
2 files changed
+10 -2

No files matched your search

+10
View File
@@ -77,6 +77,16 @@
transition: left 33ms linear, right 33ms linear;
}
/* Hidden scrollbar - still scrollable but invisible */
.custom-scrollbar {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
}
.custom-scrollbar::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
/* Smooth playback scrubber */
input[type="range"] {
-webkit-appearance: none;
-2
View File
@@ -311,8 +311,6 @@ export class FrameRenderer {
const scaleY = this.config.height / previewHeight;
const scaleFactor = (scaleX + scaleY) / 2;
await renderAnnotations(
this.compositeCtx,
this.config.annotationRegions,