haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 23:02:26 +00:00
Code Issues Releases Wiki Activity

[image file view] rewrote it with react (#2983)

Browse Source 
* [image file view] rewrote it with react

* [image file view] modification

* [image file view] modified code indentation & etc.
This commit is contained in:
llj
2019-02-22 18:16:44 +08:00
committed by Daniel Pan
parent 834dd3723c
commit 2a2bd2b783
13 changed files with 536 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/css/file-view.css Normal file
View File

@@ -0,0 +1,41 @@
body {
overflow: hidden;
}
#wrapper {
height: 100%;
}
.file-view-header {
padding: 10px 15px;
border-bottom: 1px solid #c9c9c9;
flex-shrink: 0;
}
.file-title {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 5px;
}
.file-star,
.file-internal-link {
font-size: .875rem;
color: #585858;
margin-left: .5rem;
}
.file-star:hover,
.file-star:focus {
text-decoration: none;
color: inherit;
}
.file-locked-icon {
margin-left: .5rem;
}
.last-modification {
font-size: .8125rem;
}
.last-modification-time {
margin-left: .5rem;
}
.file-view-content {
padding: 30px 0;
background: #f4f4f4;
border-right: 4px solid transparent;
}

26
frontend/src/css/image-file-view.css
View File

@@ -1,3 +1,7 @@
.image-file-view {
position: relative;
text-align: center;
}
.image-file-view:before {
content: ' ';
display: inline-block;
@@ -17,3 +21,25 @@
font-size: 0;
line-height: 0;
}
#img-prev,
#img-next {
position:absolute;
top:48%;
text-decoration:none;
color:#888;
width:50px;
height:50px;
background:#fff;
border-radius:100%;
line-height:50px;
}
#img-prev {
left:15px;
}
#img-next {
right:15px;
}
#img-prev:hover,
#img-next:hover {
color:#333;
}