diff options
| author | Zuul <zuul@review.opendev.org> | 2022-09-16 16:52:47 +0000 |
|---|---|---|
| committer | Gerrit Code Review <review@openstack.org> | 2022-09-16 16:52:47 +0000 |
| commit | cd36abbe7fa0d7189aca8f92463bd404b63a329e (patch) | |
| tree | 79224c1f967c504ec94a2d58cfc8762dcd4e37b5 /web/src/containers | |
| parent | e612a442e37dc0fff00fe6bb2a219fa42c005c2a (diff) | |
| parent | 7a8a979fda7b09a10600ce2c4d8d2c73a8acf985 (diff) | |
| download | zuul-cd36abbe7fa0d7189aca8f92463bd404b63a329e.tar.gz | |
Merge "web: console: better task modal titles"
Diffstat (limited to 'web/src/containers')
| -rw-r--r-- | web/src/containers/build/Console.jsx | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/web/src/containers/build/Console.jsx b/web/src/containers/build/Console.jsx index d3a456075..96ccb95e9 100644 --- a/web/src/containers/build/Console.jsx +++ b/web/src/containers/build/Console.jsx @@ -324,20 +324,29 @@ class HostTask extends React.Component { const item = interestingKeys ? expandableItem : regularItem - // TODO(ianw) : This goes in the modal; this could be made to look - // much better with headings and footers and whatnot. - const description = <a href={'#'+makeTaskPath(taskPath)}> - <LinkIcon name='link' title='Permalink' /> - </a> + const modalDescription = <Flex> + <FlexItem>{label}</FlexItem> + <FlexItem> + <Chip isReadOnly={true} textMaxWidth='50ch'> + <span style={{ fontSize: 'var(--pf-global--FontSize--md)' }}> + <ContainerNodeIcon /> {hostname}</span> + </Chip> + </FlexItem> + <FlexItem> + <a href={'#'+makeTaskPath(taskPath)}> + <LinkIcon name='link' title='Permalink' /> + </a> + </FlexItem> + </Flex> return ( <> {item} <Modal - title={hostname} + title={name} isOpen={this.state.showModal} onClose={this.close} - description={description}> + description={modalDescription}> <TaskOutput data={host}/> </Modal> </> |