1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-15 14:49:09 +00:00

Detail bug repair (#2866)

* update detail img

* keeping img write style
This commit is contained in:
杨顺强
2019-01-22 12:01:39 +08:00
committed by Daniel Pan
parent 2eb725b7e1
commit 963c4f94b5
4 changed files with 8 additions and 5 deletions

View File

@@ -83,9 +83,6 @@ class DetailListView extends React.Component {
<tr><th width="35%"></th><th width="65%"></th></tr> <tr><th width="35%"></th><th width="65%"></th></tr>
</thead> </thead>
<tbody> <tbody>
<tr><th>{gettext('Folder')}</th><td>{direntDetail.dir_count}</td></tr>
<tr><th>{gettext('File')}</th><td>{direntDetail.file_count}</td></tr>
<tr><th>{gettext('Size')}</th><td>{Utils.bytesToSize(direntDetail.size)}</td></tr>
<tr><th>{gettext('Location')}</th><td>{position}</td></tr> <tr><th>{gettext('Location')}</th><td>{position}</td></tr>
<tr><th>{gettext('Last Update')}</th><td>{moment(direntDetail.mtime).format('YYYY-MM-DD')}</td></tr> <tr><th>{gettext('Last Update')}</th><td>{moment(direntDetail.mtime).format('YYYY-MM-DD')}</td></tr>
</tbody> </tbody>

View File

@@ -113,7 +113,7 @@ class DirentDetail extends React.Component {
<div className="detail-header"> <div className="detail-header">
<div className="detail-control sf2-icon-x1" onClick={this.props.onItemDetailsClose}></div> <div className="detail-control sf2-icon-x1" onClick={this.props.onItemDetailsClose}></div>
<div className="detail-title dirent-title"> <div className="detail-title dirent-title">
<img src={iconUrl} width="24" height="24" alt="" /> <div><img src={iconUrl} width="24" alt="" /></div>{' '}
<span className="name ellipsis" title={dirent.name}>{dirent.name}</span> <span className="name ellipsis" title={dirent.name}>{dirent.name}</span>
</div> </div>
</div> </div>

View File

@@ -42,6 +42,11 @@ class LibDetail extends React.Component {
if (repo.permission === 'r' || repo.permission === 'preview') { if (repo.permission === 'r' || repo.permission === 'preview') {
isReadOnly = true; isReadOnly = true;
} }
let titleIcon = Utils.getLibIconUrl({
is_encrypted: repo.encrypted,
is_readonly: isReadOnly,
size: Utils.isHiDPI() ? 48 : 24
});
let iconUrl = Utils.getLibIconUrl({ let iconUrl = Utils.getLibIconUrl({
is_encrypted: repo.encrypted, is_encrypted: repo.encrypted,
is_readonly: isReadOnly, is_readonly: isReadOnly,
@@ -52,7 +57,7 @@ class LibDetail extends React.Component {
<div className="detail-header"> <div className="detail-header">
<div className="detail-control sf2-icon-x1" onClick={this.props.closeDetails}></div> <div className="detail-control sf2-icon-x1" onClick={this.props.closeDetails}></div>
<div className="detail-title dirent-title"> <div className="detail-title dirent-title">
<img src={iconUrl} width="24" height="24" alt="" />{' '} <div><img src={titleIcon} width="24" alt="" /></div>{' '}
<span className="name ellipsis" title={repo.repo_name}>{repo.repo_name}</span> <span className="name ellipsis" title={repo.repo_name}>{repo.repo_name}</span>
</div> </div>
</div> </div>

View File

@@ -30,6 +30,7 @@
display: flex; display: flex;
flex: 1; flex: 1;
justify-content: center; justify-content: center;
align-items: center;
width: 0; /* prevent strut flex layout */ width: 0; /* prevent strut flex layout */
} }