diff options
author | Zuul <zuul@review.opendev.org> | 2022-10-07 11:40:28 +0000 |
---|---|---|
committer | Gerrit Code Review <review@openstack.org> | 2022-10-07 11:40:28 +0000 |
commit | 57a119daa31960b16e908f750726426079657d5b (patch) | |
tree | cf9f2fe98b0564bbb54fc255d63fff0c30e4beea /web | |
parent | 3023f5c707664972921a28b0ab9089fe0caba7a0 (diff) | |
parent | 5bd5b2fc0d8b16330af38def6379b8edd5cfa4ea (diff) | |
download | zuul-57a119daa31960b16e908f750726426079657d5b.tar.gz |
Merge "web: Show failed tasks with light red background"
Diffstat (limited to 'web')
-rw-r--r-- | web/src/containers/build/Console.jsx | 4 | ||||
-rw-r--r-- | web/src/index.css | 9 |
2 files changed, 12 insertions, 1 deletions
diff --git a/web/src/containers/build/Console.jsx b/web/src/containers/build/Console.jsx index 35a7b0a04..f24d9cbc8 100644 --- a/web/src/containers/build/Console.jsx +++ b/web/src/containers/build/Console.jsx @@ -289,7 +289,9 @@ class HostTask extends React.Component { let item = null if (interestingKeys) { - item = <DataListItem isExpanded={this.state.expanded}> + item = <DataListItem + isExpanded={this.state.expanded} + className={this.state.failed ? 'zuul-console-task-failed' : ''}> <DataListItemRow> <DataListToggle onClick={() => {this.setState({expanded: !this.state.expanded})}} diff --git a/web/src/index.css b/web/src/index.css index ce5470357..7536641cd 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -300,6 +300,15 @@ pre.version { } /* Console */ +/* NOTE(ianw) 2022-09-19 : The !important on a few items below is + * probably not required after CSS ordering fixes merge to + * https://github.com/patternfly/patternfly-react/issues/7960 + * We can probably pull these out after we upgrade past that. + */ + +.zuul-console-task-failed { + background-color: var(--pf-global--palette--red-50) !important; +} .zuul-console .pf-c-data-list__expandable-content { border: none; |