Merge pull request Expensify#57185 from callstack-internal/fix/55671-…

…pdf-shadow Fix PDF files shadow
Krishna2323 · Mar 4, 2025 · c406bee · c406bee
2 parents 82445a6 + 25b4ce0
commit c406bee
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/assets/css/pdf.css b/assets/css/pdf.css
@@ -8,8 +8,7 @@
     overflow: visible;
     border: 9px solid transparent;
     background-clip: content-box;
-    border-image: url(../images/shadow.png) 9 9 repeat;
-    background-color: rgba(255, 255, 255, 1);
+    background-color: transparent !important;
 }
 
 .react-pdf__Page__annotations {
@@ -24,3 +23,12 @@
 .react-pdf__Page__textContent span{
     color: transparent;
 }
+.react-pdf__Page__canvas {
+    box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.06);
+}
+@media (prefers-color-scheme: dark) {
+    .react-pdf__Page__canvas {
+        color-scheme: dark;
+        box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.24);
+    }
+}
diff --git a/assets/images/shadow.png b/assets/images/shadow.png
diff --git a/config/webpack/webpack.common.ts b/config/webpack/webpack.common.ts
@@ -121,7 +121,6 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
                 {from: 'assets/sounds', to: 'sounds'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/AnnotationLayer.css', to: 'css/AnnotationLayer.css'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/TextLayer.css', to: 'css/TextLayer.css'},
-                {from: 'assets/images/shadow.png', to: 'images/shadow.png'},
                 {from: '.well-known/apple-app-site-association', to: '.well-known/apple-app-site-association', toType: 'file'},
                 {from: '.well-known/assetlinks.json', to: '.well-known/assetlinks.json'},