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

01 change grid mode library style (#6236)

Browse Source
This commit is contained in:
Michael An
2024-06-20 13:47:57 +08:00
committed by GitHub
parent cdcf8e97cd
commit c16433d7b8
4 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/shared-repo-list-view/shared-repo-list-item.js
View File

@@ -678,7 +678,7 @@ class SharedRepoListItem extends React.Component {
{this.state.isRenaming ? {this.state.isRenaming ?
<Rename name={repo.repo_name} onRenameConfirm={this.onRenameConfirm} onRenameCancel={this.onRenameCancel} /> : <Rename name={repo.repo_name} onRenameConfirm={this.onRenameConfirm} onRenameCancel={this.onRenameCancel} /> :
<Fragment> <Fragment>
<Link to={libPath} className="text-truncate" title={repo.repo_name}>{repo.repo_name}</Link> <Link to={libPath} className="library-name text-truncate" title={repo.repo_name}>{repo.repo_name}</Link>
<i <i
role="button" role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')} title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}

15
frontend/src/css/files.css
View File

@@ -37,7 +37,18 @@
background: #f5f5f5; background: #f5f5f5;
} }
.library-grid-item-icon { .library-grid-item .library-name {
color: #212529;
}
.library-grid-item .library-grid-item-icon {
margin-left: 6px; margin-left: 6px;
} }
.library-grid-item .library-grid-item-icon.sf3-font-star-empty {
opacity: 0;
}
.library-grid-item:hover .library-grid-item-icon.sf3-font-star-empty {
opacity: 1;
}

2
frontend/src/pages/my-libs/mylib-repo-list-item.js
View File

@@ -391,7 +391,7 @@ class MylibRepoListItem extends React.Component {
)} )}
{!this.state.isRenaming && repo.repo_name && ( {!this.state.isRenaming && repo.repo_name && (
<Fragment> <Fragment>
<Link to={repoURL} className="text-truncate" title={repo.repo_name}>{repo.repo_name}</Link> <Link to={repoURL} className="library-name text-truncate" title={repo.repo_name}>{repo.repo_name}</Link>
<i <i
role="button" role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')} title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}

2
frontend/src/pages/shared-libs/shared-libs.js
View File

@@ -337,7 +337,7 @@ class Item extends Component {
> >
<div className="d-flex align-items-center text-truncate"> <div className="d-flex align-items-center text-truncate">
<img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="36" className="mr-2" /> <img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="36" className="mr-2" />
<Link to={shareRepoUrl} className="text-truncate" title={data.repo_name}>{data.repo_name}</Link> <Link to={shareRepoUrl} className="text-truncate library-name" title={data.repo_name}>{data.repo_name}</Link>
<i <i
role="button" role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')} title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}