Elgato_dark/argo-cd
1
0
Fork 0
mirror of https://github.com/argoproj/argo-cd synced 2026-05-23 09:18:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Issue #2073 - Fix status column width on resources list table (#2104)

Browse source
This commit is contained in:
Alexander Matyushentsev 2019-08-05 16:34:51 -07:00 committed by GitHub
parent ea8b7c6ac9
commit c2ee30f49f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ui/src/app/applications/components/application-details/application-resource-list.tsx
View file

@ -12,21 +12,21 @@ export const ApplicationResourceList = ({ resources, onNodeClick, nodeMenu }: {
<div className='argo-table-list argo-table-list--clickable'>
<div className='argo-table-list__head'>
<div className='row'>
<div className='columns small-3'>NAME</div>
<div className='columns small-2'>GROUP/KIND</div>
<div className='columns small-4'>NAMESPACE</div>
<div className='columns small-2'>STATUS</div>
<div className='columns small-3 xxxlarge-3'>NAME</div>
<div className='columns small-3 xxxlarge-4'>GROUP/KIND</div>
<div className='columns small-4 xxxlarge-4'>NAMESPACE</div>
<div className='columns small-2 xxxlarge-1'>STATUS</div>
</div>
</div>
{resources.sort((first, second) => nodeKey(first).localeCompare(nodeKey(second))).map((res) => (
<div key={nodeKey(res)} className='argo-table-list__row' onClick={() => onNodeClick(nodeKey(res))}>
<div className='row'>
<div className='columns small-3'>
<div className='columns small-3 xxxlarge-3'>
<i className={ICON_CLASS_BY_KIND[res.kind.toLocaleLowerCase()] || 'fa fa-cogs'}/> <span>{res.name}</span>
</div>
<div className='columns small-2'>{[res.group, res.kind].filter((item) => !!item).join('/')}</div>
<div className='columns small-4'>{res.namespace}</div>
<div className='columns small-2'>
<div className='columns small-3 xxxlarge-4'>{[res.group, res.kind].filter((item) => !!item).join('/')}</div>
<div className='columns small-4 xxxlarge-4'>{res.namespace}</div>
<div className='columns small-2 xxxlarge-1'>
{res.health && <React.Fragment><HealthStatusIcon state={res.health}/> {res.health.status} &nbsp;</React.Fragment>}
{res.status && <ComparisonStatusIcon status={res.status} resource={res} label={true}/>}
{res.hook && (<i title='Resource lifecycle hook' className='fa fa-anchor' />)}