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 f3e12629c2
commit 085ebad38f
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,