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

Removes width limitation and adjusts column widths for resource list … (#2025)

Browse source
This commit is contained in:
Alex Collins 2019-07-26 08:50:11 -07:00 committed by GitHub
parent 3445f448ac
commit 47e5285544
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/app/applications/components/application-details/application-details.tsx
View file

@ -198,7 +198,7 @@ export class ApplicationDetails extends React.Component<RouteComponentProps<{ na
}}
/>
) || (
<div className='argo-container'>
<div>
{filteredRes.length > 0 && (
<Paginate page={this.state.page} data={filteredRes} onPageChange={(page) => this.setState({page})} preferencesKey='application-details'>
{(data) => (

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

@ -13,9 +13,9 @@ export const ApplicationResourceList = ({ resources, onNodeClick, nodeMenu }: {
<div className='argo-table-list__head'>
<div className='row'>
<div className='columns small-3'>NAME</div>
<div className='columns small-3'>GROUP/KIND</div>
<div className='columns small-2'>NAMESPACE</div>
<div className='columns small-4'>STATUS</div>
<div className='columns small-2'>GROUP/KIND</div>
<div className='columns small-4'>NAMESPACE</div>
<div className='columns small-2'>STATUS</div>
</div>
</div>
{resources.sort((first, second) => nodeKey(first).localeCompare(nodeKey(second))).map((res) => (
@ -24,9 +24,9 @@ export const ApplicationResourceList = ({ resources, onNodeClick, nodeMenu }: {
<div className='columns small-3'>
<i className={ICON_CLASS_BY_KIND[res.kind.toLocaleLowerCase()] || 'fa fa-cogs'}/> <span>{res.name}</span>
</div>
<div className='columns small-3'>{[res.group, res.kind].filter((item) => !!item).join('/')}</div>
<div className='columns small-2'>{res.namespace}</div>
<div className='columns small-4'>
<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'>
{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' />)}