From cb0adac94568927ced9d7b85fc4b879f2830debd Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Mon, 16 Dec 2024 18:01:34 +0800
Subject: [PATCH] [pdf file view] 'preparing document for printing' dialog:
 modified the border & the backdrop

---
 frontend/src/components/pdf-viewer.js | 2 +-
 frontend/src/css/pdf-file-view.css    | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/pdf-viewer.js b/frontend/src/components/pdf-viewer.js
index 7b71110e0c8..d334c4335c7 100644
--- a/frontend/src/components/pdf-viewer.js
+++ b/frontend/src/components/pdf-viewer.js
@@ -406,7 +406,7 @@ class PDFViewer extends React.Component {
                 <button id="documentPropertiesClose" className="dialogButton"><span data-l10n-id="document_properties_close">Close</span></button>
               </div>
             </dialog>
-            <dialog id="printServiceDialog" className="modal-dialog p-0">
+            <dialog id="printServiceDialog" className="modal-dialog p-0 rounded border-0 shadow-none">
               <div className="modal-content">
                 <div className="modal-header">
                   <h5 className="modal-title">{gettext('Print document')}</h5>
diff --git a/frontend/src/css/pdf-file-view.css b/frontend/src/css/pdf-file-view.css
index 536133b71dd..1d200a63467 100644
--- a/frontend/src/css/pdf-file-view.css
+++ b/frontend/src/css/pdf-file-view.css
@@ -167,6 +167,11 @@ input#findInput {
   border-radius: 5px;
 }
 
+.pdf-file-view dialog::backdrop {
+  background-color: rgba(0, 0, 0);
+  opacity: 0.5;
+}
+
 .pdfViewer .page {
   position: relative;
   background: #fff;