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

01 change grid mode library style (#6236)

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

View File

@@ -678,7 +678,7 @@ class SharedRepoListItem extends React.Component {
{this.state.isRenaming ?
<Rename name={repo.repo_name} onRenameConfirm={this.onRenameConfirm} onRenameCancel={this.onRenameCancel} /> :
<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
role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}

View File

@@ -37,7 +37,18 @@
background: #f5f5f5;
}
.library-grid-item-icon {
.library-grid-item .library-name {
color: #212529;
}
.library-grid-item .library-grid-item-icon {
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;
}

View File

@@ -391,7 +391,7 @@ class MylibRepoListItem extends React.Component {
)}
{!this.state.isRenaming && repo.repo_name && (
<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
role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}

View File

@@ -337,7 +337,7 @@ class Item extends Component {
>
<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" />
<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
role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}