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

repair ui error

Browse Source
This commit is contained in:
shanshuirenjia
2018-12-13 22:11:08 +08:00
parent 69201e4928
commit da90fc9545
5 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,7 +51,7 @@ class DirPath extends React.Component {
let { currentPath, repoName } = this.props; let { currentPath, repoName } = this.props;
let pathElem = this.turnPathToLink(currentPath); let pathElem = this.turnPathToLink(currentPath);
return ( return (
<div className="path-containter"> <div className="path-container">
{this.props.pathPrefix && this.props.pathPrefix.map((item, index) => { {this.props.pathPrefix && this.props.pathPrefix.map((item, index) => {
return ( return (
<Fragment key={index}> <Fragment key={index}>

2
frontend/src/components/toolbar/repo-view-toobar.js
View File

@@ -51,7 +51,7 @@ class RepoViewToolbar extends React.Component {
{gettext('More')} {gettext('More')}
</DropdownToggle> </DropdownToggle>
<DropdownMenu> <DropdownMenu>
<DropdownItem> <DropdownItem className="link-dropdown-container">
<Link className="link-dropdown-item" to={siteRoot + 'my-libs/deleted/'}>{gettext('Deleted Libraries')}</Link> <Link className="link-dropdown-item" to={siteRoot + 'my-libs/deleted/'}>{gettext('Deleted Libraries')}</Link>
</DropdownItem> </DropdownItem>
</DropdownMenu> </DropdownMenu>

41
frontend/src/css/groups.css
View File

@@ -1,4 +1,21 @@
.cur-view-content-groups thead th { /* overwrite bootstrap styles */ .cur-view-content-groups .department-group-icon {
margin-left: 0.25rem;
color:#888;
}
.cur-view-content-groups .group-list-panel {
padding-bottom: 1rem;
}
.group-list-panel .group-item-heading {
font-size: 1rem;
font-weight: normal;
padding: 0.25rem;
border-bottom: 1px solid #e6e6e6;
margin: 0.75rem 0 0;
}
.group-list-panel thead th { /* overwrite bootstrap styles */
padding: 0; padding: 0;
font-size: 0; font-size: 0;
border: 0; border: 0;
@@ -8,28 +25,10 @@
border-top:0; border-top:0;
} }
.group-item-heading {
font-size: 16px; .group-list-panel .group-item-empty-tip {
font-weight: normal;
padding: 3px;
border-bottom: 1px solid #e6e6e6;
margin: 12px 0 0;
}
.group-item-empty-tip {
color: #a4a4a4; color: #a4a4a4;
text-align: center; text-align: center;
padding: 4px 0; padding: 4px 0;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
margin: 0 0 32px;
}
.group-top-op-icon {
display: inline-block;
font-size: 22px;
margin: 3px 0 0 10px;
}
.department-group-icon {
margin-left: 0.25rem;
color:#888;
} }

4
frontend/src/pages/groups/groups-view.js
View File

@@ -48,7 +48,7 @@ class RepoListViewPanel extends React.Component {
let group = this.props.group; let group = this.props.group;
const emptyTip = <p className="group-item-empty-tip">{gettext('No libraries')}</p>; const emptyTip = <p className="group-item-empty-tip">{gettext('No libraries')}</p>;
return ( return (
<Fragment> <div className="group-list-panel">
<h4 className="group-item-heading ellipsis"> <h4 className="group-item-heading ellipsis">
<a href={`${siteRoot}group/${group.id}/`} title={group.name}>{group.name}</a> <a href={`${siteRoot}group/${group.id}/`} title={group.name}>{group.name}</a>
</h4> </h4>
@@ -62,7 +62,7 @@ class RepoListViewPanel extends React.Component {
onItemUnshare={this.onItemUnshare} onItemUnshare={this.onItemUnshare}
/> />
} }
</Fragment> </div>
); );
} }
} }

9
media/css/seahub_react.css
View File

@@ -167,7 +167,14 @@ ul,ol,li {
overflow: auto; overflow: auto;
} }
.link-dropdown-container {
padding: 0;
text-align: center;
}
.link-dropdown-item { .link-dropdown-item {
display: block;
padding: 0.25rem 1.5rem;
color: #6e7687; color: #6e7687;
} }
@@ -762,7 +769,7 @@ a.op-icon:focus {
} }
/* begin path navigation */ /* begin path navigation */
.path-containter { /* for the real path */ .path-container { /* for the real path */
font-size: 1rem; font-size: 1rem;
word-break: break-all; word-break: break-all;
} }