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

update file path style (#3896)

Browse Source
This commit is contained in:
Michael An
2019-07-23 15:53:25 +08:00
committed by Daniel Pan
parent b1a0404cb7
commit 6f2c6ae16d
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/cur-dir-path/dir-path.js
View File

@@ -38,7 +38,10 @@ class DirPath extends React.Component {
} }
if (index === (pathList.length - 1)) { if (index === (pathList.length - 1)) {
return ( return (
<span key={index}><span className="path-split">/</span>{item}</span> <Fragment key={index}>
<span className="path-split">/</span>
<span className="path-file-name">{item}</span>
</Fragment>
); );
} else { } else {
nodePath += '/' + item; nodePath += '/' + item;
@@ -87,7 +90,7 @@ class DirPath extends React.Component {
</Fragment> </Fragment>
)} )}
{(currentPath === '/' || currentPath === '') ? {(currentPath === '/' || currentPath === '') ?
<span>{repoName}</span>: <span className="path-repo-name">{repoName}</span>:
<a className="path-link" data-path="/" onClick={this.onPathClick}>{repoName}</a> <a className="path-link" data-path="/" onClick={this.onPathClick}>{repoName}</a>
} }
{pathElem} {pathElem}

7
frontend/src/css/layout.css
View File

@@ -292,10 +292,10 @@ img[src=""],img:not([src]){ /* for first loading img*/
word-break: keep-all; word-break: keep-all;
max-width: 80%; max-width: 80%;
} }
.path-container a { .path-container a, .path-container span {
max-height: 50px; max-height: 50px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.path-container span, .path-container a { .path-container span, .path-container a {
@@ -304,3 +304,6 @@ img[src=""],img:not([src]){ /* for first loading img*/
.path-container span:first-child, .path-container span:last-child { .path-container span:first-child, .path-container span:last-child {
flex-shrink: 0; flex-shrink: 0;
} }
.path-container span.path-file-name, .path-container span.path-repo-name {
flex-shrink: 1;
}

5
frontend/src/pages/wiki/main-panel.js
View File

@@ -52,7 +52,10 @@ class MainPanel extends Component {
} }
if (index === (paths.length - 1)) { if (index === (paths.length - 1)) {
return ( return (
<span key={index}><span className="path-split">/</span>{item}</span> <Fragment key={index}>
<span className="path-split">/</span>
<span className="path-file-name">{item}</span>
</Fragment>
); );
} else { } else {
nodePath += '/' + item; nodePath += '/' + item;