zuul
/
zuul
Code Issues Proposed changes

Merge "Fix subway graph line gap"

This commit is contained in:
Zuul 2024-02-15 22:28:31 +00:00 committed by Gerrit Code Review
parent e19ef12ff1 5467388477
commit 9146835a6f
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/containers/status/Item.jsx
View File

@ -279,8 +279,14 @@ class Item extends React.Component {
className = ' zuul-change-row-line'
}
}
let lineStyle = {}
if (i === item._tree_index ||
item._tree_branches.indexOf(i) !== -1) {
// Icon or line image: leave a gap
lineStyle = {backgroundPositionY: '15px'}
}
row.push(
<td key={i} className={'zuul-change-row' + className}>
<td key={i} className={'zuul-change-row' + className} style={lineStyle}>
{i === item._tree_index ? this.renderStatusIcon(item) : ''}
{item._tree_branches.indexOf(i) !== -1 ? (
this.renderLineImg(item, i)) : ''}

2
web/src/index.css
View File

@ -343,12 +343,10 @@ a.refresh {
.zuul-change-row-line {
background: linear-gradient(#000, #000) no-repeat center/2px 100%;
background-position-y: 15px;
}
.zuul-change-row-line-dark {
background: linear-gradient(#fff, #fff) no-repeat center/2px 100%;
background-position-y: 15px;
}
.progress-bar-animated {