haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-14 14:21:23 +00:00
Code Issues Releases Wiki Activity

01 change grid mode library style (#6238)

Browse Source
This commit is contained in:
Michael An
2024-06-20 15:22:47 +08:00
committed by GitHub
parent c3f89f41ed
commit fd2d6c5c82
4 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -268,6 +268,7 @@ class Item extends Component {
return null;
}
const { isStarred } = this.state;
const { data, currentViewMode = 'list' } = this.props;
const useBigLibaryIcon = currentViewMode == 'grid';
data.icon_url = Utils.getLibIconUrl(data, useBigLibaryIcon);
@@ -338,13 +339,15 @@ 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 library-name" title={data.repo_name}>{data.repo_name}</Link>
<i
role="button"
title={this.state.isStarred ? gettext('Unstar') : gettext('Star')}
aria-label={this.state.isStarred ? gettext('Unstar') : gettext('Star')}
onClick={this.onToggleStarRepo}
className={`op-icon library-grid-item-icon ${this.state.isStarred ? 'sf3-font-star' : 'sf3-font-star-empty'} sf3-font`}
></i>
{isStarred &&
<i
role="button"
title={gettext('Unstar')}
aria-label={gettext('Unstar')}
onClick={this.onToggleStarRepo}
className='op-icon library-grid-item-icon sf3-font-star sf3-font'
></i>
}
{data.monitored && <RepoMonitoredIcon repoID={data.repo_id} className="op-icon library-grid-item-icon" />}
</div>