[pdf file view] 'preparing document for printing' dialog: updated UI …

…details
haiwen · Dec 16, 2024 · 30ec2aa · 30ec2aa
1 parent 5da0732
commit 30ec2aa
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/frontend/src/components/pdf-viewer.js b/frontend/src/components/pdf-viewer.js
@@ -410,7 +410,7 @@ class PDFViewer extends React.Component {
               <div className="modal-content">
                 <div className="modal-header">
                   <h5 className="modal-title">{gettext('Print document')}</h5>
-                  <button type="button" id="printCancel2" className="close sf3-font sf3-font-close" aria-label={gettext('Close')} autoFocus={false}></button>
+                  <button type="button" id="printCancel2" className="align-self-center bg-transparent border-0 sf3-font sf3-font-x-01 modal-close" aria-label={gettext('Close')}></button>
                 </div>
                 <div className="modal-body py-6">
                   <p className="mb-2">

diff --git a/frontend/src/css/pdf-file-view.css b/frontend/src/css/pdf-file-view.css
@@ -157,6 +157,10 @@ input#findInput {
   font-size: inherit;
 }
 
+#printServiceDialog .modal-close {
+  outline: none;
+}
+
 #printServiceDialog .progress,
 #printServiceDialog .progress-bar {
   height: 10px;

diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
@@ -1415,6 +1415,17 @@ a.table-sort-op:hover {
   white-space: nowrap;
 }
 
+.modal-close {
+  color: #000;
+  opacity: 0.5;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.modal-close:hover {
+  opacity: 0.75;
+}
+
 .word-break-all {
   word-break: break-all;
 }