diff options
author | Zuul <zuul@review.opendev.org> | 2022-09-17 00:16:27 +0000 |
---|---|---|
committer | Gerrit Code Review <review@openstack.org> | 2022-09-17 00:16:27 +0000 |
commit | af320884dd4327b20df0e59699fed3d3a869f4ee (patch) | |
tree | da1ca50a4602f24d67827d2a4e54d2242a989261 /web/src/containers/build | |
parent | 69158021c08a689a4f9701c95f7f3f7b00487c54 (diff) | |
parent | 203c438a472350061c5401683b96d4de7c14d9f6 (diff) | |
download | zuul-af320884dd4327b20df0e59699fed3d3a869f4ee.tar.gz |
Merge "web: better non-expandable console padding"
Diffstat (limited to 'web/src/containers/build')
-rw-r--r-- | web/src/containers/build/Console.jsx | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/web/src/containers/build/Console.jsx b/web/src/containers/build/Console.jsx index 50cce2020..f677dfbd2 100644 --- a/web/src/containers/build/Console.jsx +++ b/web/src/containers/build/Console.jsx @@ -20,6 +20,7 @@ import PropTypes from 'prop-types' import ReactJson from 'react-json-view' import { + Button, Chip, DataList, DataListItem, @@ -36,6 +37,7 @@ import { } from '@patternfly/react-core' import { + AngleRightIcon, ContainerNodeIcon, InfoCircleIcon, SearchPlusIcon, @@ -227,17 +229,20 @@ class HostTask extends React.Component { // NOTE(ianw) 2022-08-26 since we have some rows that expand and // others that don't, the expansion button pushes things out of - // alignment. This is based on me finding the > icon has a - // min-width of 40px, and then trying to find the right variable - // to extend the cell padding/margins the same as the toggle - // control. + // alignment. This tries to emulate the button and then + // hide it. See also: // https://github.com/patternfly/patternfly/issues/5055 // We might want to think about other ways to present this? if (!interestingKeys) { dataListCells.push( <DataListCell key='padding-icon' isIcon={true} - style={{marginRight: 'var(--pf-c-data-list__item-control--MarginRight)'}}> - <span style={{display: 'inline-block', minWidth: '40px'}}></span> + class='pf-c-data-list__item-control'> + <div className='pf-c-data-list__toggle' + style={{visibility: 'hidden'}}> + <Button disabled> + <AngleRightIcon /> + </Button> + </div> </DataListCell> ) } |