Add a tree view to the image changes view
This commit is contained in:
parent
0afea3a779
commit
3a134c7ab1
4 changed files with 442 additions and 30 deletions
|
@ -557,11 +557,13 @@ p.editable:hover i {
|
|||
.repo-image-view .changes-container .change-side-controls {
|
||||
float: right;
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.repo-image-view .changes-container .filter-input {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.repo-image-view .changes-container .result-count {
|
||||
|
@ -903,6 +905,7 @@ p.editable:hover i {
|
|||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
|
||||
#image-history-container {
|
||||
overflow: hidden;
|
||||
min-height: 400px;
|
||||
|
@ -959,8 +962,40 @@ p.editable:hover i {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
#image-history-container .tags .tag.current {
|
||||
|
||||
#changes-tree-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#changes-tree-container .node rect {
|
||||
cursor: pointer;
|
||||
fill: #fff;
|
||||
fill-opacity: 1;
|
||||
stroke: #fff;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
#changes-tree-container .node .change-icon {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#changes-tree-container .node text {
|
||||
font: 12px sans-serif;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#changes-tree-container .node.added text {
|
||||
fill: rgb(32, 163, 32);
|
||||
}
|
||||
|
||||
#changes-tree-container .node.removed text {
|
||||
text-decoration: line-through;
|
||||
fill: rgb(209, 73, 73);
|
||||
}
|
||||
|
||||
#changes-tree-container path.link {
|
||||
fill: none;
|
||||
stroke: #9ecae1;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
/* Overrides for the markdown editor. */
|
||||
|
|
Reference in a new issue