haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-02 07:47:32 +00:00
Code Issues Releases Wiki Activity

improve icon-img size (#2812)

Browse Source
This commit is contained in:
杨顺强 2019-01-11 12:39:43 +08:00 committed by Daniel Pan
parent c465733a8b
commit c6cd6bb2c4
13 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -424,7 +424,7 @@ class DirentListItem extends React.Component {
</td>
<td className="text-center">
<div className="dir-icon">
<img src={dirent.type === 'dir' ? siteRoot + 'media/img/folder-192.png' : fileIconUrl} alt='' />
<img className="icon" src={dirent.type === 'dir' ? siteRoot + 'media/img/folder-192.png' : fileIconUrl} alt='' />
{dirent.is_locked && <img className="locked" src={siteRoot + 'media/img/file-locked-32.png'} alt={gettext('locked')} />}
</div>
</td>

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

@ -58,7 +58,7 @@ class DraftListItem extends React.Component {
localTime = moment(localTime).fromNow();
return (
<tr className={this.state.highlight} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td className="text-center"><img src={siteRoot + 'media/img/file/192/txt.png'} alt='icon' /></td>
<td className="text-center"><img className="icon" src={siteRoot + 'media/img/file/192/txt.png'} alt='icon' /></td>
<td className="name" >
<a href={draftUrl} target="_blank">{fileName}</a>
</td>

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

@ -103,7 +103,7 @@ class ReviewListItem extends React.Component {
return (
<tr className={this.state.highlight} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td className="text-center" style={{width: '4%'}}><img src={siteRoot + 'media/img/file/192/txt.png'} alt="icon"/></td>
<td className="text-center" style={{width: '4%'}}><img className="icon" src={siteRoot + 'media/img/file/192/txt.png'} alt="icon"/></td>
<td style={{width: '26%'}}><a href={reviewUrl} target="_blank">{fileName}</a></td>
<td className='library' style={{width: '25%'}}>{item.draft_origin_repo_name}</td>
<td className="update" style={{width: '20%'}}>{localTime}</td>

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

@ -293,7 +293,7 @@ class SharedRepoListItem extends React.Component {
return (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseOver={this.onMouseOver} onMouseLeave={this.onMouseLeave}>
<td><img src={iconUrl} title={repo.iconTitle} alt={iconTitle} width="24" /></td>
<td><img className="icon" src={iconUrl} title={repo.iconTitle} alt={iconTitle} width="24" /></td>
<td><Link to={libPath}>{repo.repo_name}</Link></td>
<td>{this.state.isOperationShow && this.generatorPCMenu()}</td>
<td>{repo.size}</td>
@ -323,7 +323,7 @@ class SharedRepoListItem extends React.Component {
return (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseOver={this.onMouseOver} onMouseLeave={this.onMouseLeave}>
<td><img src={iconUrl} title={iconTitle} alt={iconTitle}/></td>
<td><img className="icon" src={iconUrl} title={iconTitle} alt={iconTitle}/></td>
<td>
<Link to={libPath}>{repo.repo_name}</Link><br />
<span className="item-meta-info" title={repo.owner_contact_email}>{repo.owner_name}</span>

2
frontend/src/components/tree-dir-view/tree-dir-list.js
View File

@ -37,7 +37,7 @@ class TreeDirList extends React.Component {
return (
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td className="text-center">
<img src={node.type === 'dir' ? siteRoot + 'media/img/folder-192.png' : siteRoot + 'media/img/file/192/txt.png'} alt='icon'></img>
<img className="icon" src={node.type === 'dir' ? siteRoot + 'media/img/folder-192.png' : siteRoot + 'media/img/file/192/txt.png'} alt='icon'></img>
</td>
<td className="name">
<a href={href} onClick={this.onMainNodeClick}>{node.name}</a>

4
frontend/src/pages/my-libs/item.js
View File

@ -240,7 +240,7 @@ class Item extends Component {
const desktopItem = (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td><img className="icon" src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td>
{this.state.showChangeLibName && (
<RenameInput
@ -278,7 +278,7 @@ class Item extends Component {
const mobileItem = (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td><img className="icon" src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td>
{data.repo_name ?
<Link to={data.url}>{data.repo_name}</Link> :

2
frontend/src/pages/share-admin/folders.js
View File

@ -149,7 +149,7 @@ class Item extends Component {
return (
<tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td><img src={iconUrl} title={iconTitle} alt={iconTitle} width="24" /></td>
<td><img className="icon" src={iconUrl} title={iconTitle} alt={iconTitle} width="24" /></td>
<td><Link to={folderUrl}>{item.folder_name}</Link></td>
{shareTo}
<td>

2
frontend/src/pages/share-admin/libraries.js
View File

@ -169,7 +169,7 @@ class Item extends Component {
return (
<tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td><img src={iconUrl} title={iconTitle} alt={iconTitle} width="24" /></td>
<td><img className="icon" src={iconUrl} title={iconTitle} alt={iconTitle} width="24" /></td>
<td><Link to={repoUrl}>{item.repo_name}</Link></td>
{shareTo}
<td>

2
frontend/src/pages/share-admin/share-links.js
View File

@ -170,7 +170,7 @@ class Item extends Component {
return (
<tr onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={iconUrl} width="24" /></td>
<td><img className="icon" src={iconUrl} width="24" /></td>
<td>
{item.is_dir ?
<Link to={linkUrl}>{item.obj_name}</Link> :

2
frontend/src/pages/share-admin/upload-links.js
View File

@ -128,7 +128,7 @@ class Item extends Component {
return (
<tr onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={iconUrl} width="24" /></td>
<td><img className="icon" src={iconUrl} width="24" /></td>
<td><Link to={uploadUrl}>{item.obj_name}</Link></td>
<td><Link to={`${siteRoot}library/${item.repo_id}/${item.repo_name}`}>{item.repo_name}</Link></td>
<td>{item.view_cnt}</td>

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

@ -208,7 +208,7 @@ class Item extends Component {
const desktopItem = (
<Fragment>
<tr onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td><img className="icon" src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td><Link to={`${siteRoot}library/${data.repo_id}/${data.repo_name}/`}>{data.repo_name}</Link></td>
<td>
{(isPro && data.is_admin) &&
@ -237,7 +237,7 @@ class Item extends Component {
const mobileItem = (
<Fragment>
<tr onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>
<td><img src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td><img className="icon" src={data.icon_url} title={data.icon_title} alt={data.icon_title} width="24" /></td>
<td>
<Link to={`${siteRoot}library/${data.repo_id}/${data.repo_name}/`}>{data.repo_name}</Link><br />
<span className="item-meta-info" title={data.owner_contact_email}>{data.owner_name}</span>

4
frontend/src/pages/starred/starred.js
View File

@ -168,7 +168,7 @@ class Item extends Component {
{
data.thumbnail_url ?
<img className="thumbnail" src={data.thumbnail_url} alt="" /> :
<img src={data.file_icon_url} alt={gettext('icon')} width="24" />
<img className="icon" src={data.file_icon_url} alt={gettext('icon')} width="24" />
}
</td>
<td>
@ -192,7 +192,7 @@ class Item extends Component {
{
data.thumbnail_url ?
<img className="thumbnail" src={data.thumbnail_url} alt="" /> :
<img src={data.file_icon_url} alt={gettext('icon')} width="24" />
<img className="icon" src={data.file_icon_url} alt={gettext('icon')} width="24" />
}
</td>
<td>

6
media/css/seahub_react.css
View File

@ -844,9 +844,9 @@ table td {
word-break: break-all;
}
table td img {
width: 1.5rem;
height: 1.5rem;
table td .icon {
width: 24px;
height: 24px;
}
.table-thead-hidden thead tr {