haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-11 03:41:12 +00:00
Code Issues Releases Wiki Activity

[pdf viewer] added loading icon; adjusted the position of the scrollb… (#5583)

Browse Source 
* [pdf viewer] added loading icon; adjusted the position of the scrollbar of the viewer container

* [pdf file view] fixed UI of the image in the details panel
This commit is contained in:
llj
2023-08-11 15:17:10 +08:00
committed by GitHub
parent bb2892be43
commit 5fc181a882
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/pdf-viewer.js
View File

@@ -312,10 +312,11 @@ class PDFViewer extends React.Component {
</div> </div>
</div> </div>
<div id="loadingBar"> <div id="loadingBar">
<div className="progress"> <span className="loading-icon loading-tip"></span>
{/*<div className="progress">
<div className="glimmer"> <div className="glimmer">
</div> </div>
</div> </div>*/}
</div> </div>
</div> </div>
</div> </div>

20
frontend/src/css/pdf-file-view.css
View File

@@ -24,8 +24,9 @@
} }
#viewerContainer { #viewerContainer {
padding: 10px 0 32px; padding: 10px 0 0;
overflow: auto; overflow: auto;
margin-bottom: 33px;
} }
#viewerContainer:focus { #viewerContainer:focus {
@@ -93,7 +94,12 @@ select#scaleSelect {
} }
#loadingBar { #loadingBar {
height: 0; position: fixed;
top: 50%;
width: auto;
height: auto;
border: 0;
background: transparent;
} }
input#pageNumber { input#pageNumber {
@@ -203,6 +209,16 @@ input#pageNumber {
z-index: 999; /* 1049: for seahub 'share' dialog */ z-index: 999; /* 1049: for seahub 'share' dialog */
} }
.dirent-info .img .thumbnail {
float: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
}
@media print { @media print {
#wrapper { #wrapper {
display: none; display: none;