haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 18:30:53 +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 id="loadingBar">
<div className="progress">
<span className="loading-icon loading-tip"></span>
{/*<div className="progress">
<div className="glimmer">
</div>
</div>
</div>*/}
</div>
</div>
</div>

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

@@ -24,8 +24,9 @@
}
#viewerContainer {
padding: 10px 0 32px;
padding: 10px 0 0;
overflow: auto;
margin-bottom: 33px;
}
#viewerContainer:focus {
@@ -93,7 +94,12 @@ select#scaleSelect {
}
#loadingBar {
height: 0;
position: fixed;
top: 50%;
width: auto;
height: auto;
border: 0;
background: transparent;
}
input#pageNumber {
@@ -203,6 +209,16 @@ input#pageNumber {
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 {
#wrapper {
display: none;