Alleinzellgaenger commited on
Commit
b343456
·
1 Parent(s): 91a7ed6

Style overrides for PDF.js

Browse files
Files changed (1) hide show
  1. frontend/src/index.css +40 -1
frontend/src/index.css CHANGED
@@ -1 +1,40 @@
1
- @import "tailwindcss";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import "tailwindcss";
2
+
3
+ /* PDF.js styling overrides */
4
+ .PdfHighlighter {
5
+ background-color: #f3f4f6 !important; /* Light gray background instead of black */
6
+ }
7
+
8
+ .PdfHighlighter .textLayer {
9
+ background-color: transparent !important;
10
+ }
11
+
12
+ .PdfHighlighter .page {
13
+ background-color: white !important;
14
+ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
15
+ margin-bottom: 16px !important;
16
+ }
17
+
18
+ /* Custom scrollbar styling for PDF viewer */
19
+ .PdfHighlighter::-webkit-scrollbar {
20
+ width: 12px;
21
+ height: 12px;
22
+ }
23
+
24
+ .PdfHighlighter::-webkit-scrollbar-track {
25
+ background: #e5e7eb !important; /* Light gray track instead of black */
26
+ border-radius: 6px;
27
+ }
28
+
29
+ .PdfHighlighter::-webkit-scrollbar-thumb {
30
+ background: #9ca3af !important; /* Medium gray thumb */
31
+ border-radius: 6px;
32
+ }
33
+
34
+ .PdfHighlighter::-webkit-scrollbar-thumb:hover {
35
+ background: #6b7280 !important; /* Darker gray on hover */
36
+ }
37
+
38
+ .PdfHighlighter::-webkit-scrollbar-corner {
39
+ background: #e5e7eb !important; /* Light gray corner */
40
+ }