diff options
| -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 |