diff options
author | Zuul <zuul@review.opendev.org> | 2022-10-06 01:41:31 +0000 |
---|---|---|
committer | Gerrit Code Review <review@openstack.org> | 2022-10-06 01:41:31 +0000 |
commit | fb42f827e2c4ff15de4296f54bd49a94f6b4128a (patch) | |
tree | 5549e6c0c3105b01856af585b3ccaf7306f99eb2 | |
parent | b7c25e0f518bb26f0d9249146c3bac019448f45f (diff) | |
parent | d055bc8e73fb60969656e768fa5246dc32a511e1 (diff) | |
download | zuul-fb42f827e2c4ff15de4296f54bd49a94f6b4128a.tar.gz |
Merge "web: Differentiate console entries"
-rw-r--r-- | web/src/containers/build/Console.jsx | 5 | ||||
-rw-r--r-- | web/src/index.css | 7 |
2 files changed, 10 insertions, 2 deletions
diff --git a/web/src/containers/build/Console.jsx b/web/src/containers/build/Console.jsx index 8fa79a125..94c5f6f07 100644 --- a/web/src/containers/build/Console.jsx +++ b/web/src/containers/build/Console.jsx @@ -428,7 +428,10 @@ class PlayBook extends React.Component { <DataListContent isHidden={!this.state.expanded}> {playbook.plays.map((play, idx) => ( - <DataList isCompact={true} key={this.makePlayId(play, idx)} style={{ fontSize: 'var(--pf-global--FontSize--md)' }}> + <DataList isCompact={true} + key={this.makePlayId(play, idx)} + className="zuul-console-plays" + style={{ fontSize: 'var(--pf-global--FontSize--md)' }}> <DataListItem isExpanded={this.state.playsExpanded.includes(this.makePlayId(play, idx))}> <DataListItemRow> <DataListToggle diff --git a/web/src/index.css b/web/src/index.css index 380598f95..ce5470357 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -315,9 +315,14 @@ pre.version { border: none } +.zuul-console-plays .pf-c-data-list__item:nth-child(even) { + background: var(--pf-global--BackgroundColor--200); + border-radius: 5px; +} + .zuul-console .pf-c-data-list__item:hover { - background: var(--pf-global--BackgroundColor--light-200); + background: var(--pf-global--palette--blue-50); } .zuul-console .pf-c-data-list__item:hover::before |