Add a tree view to the image changes view

This commit is contained in:
Joseph Schorr 2013-10-19 19:46:30 -04:00
parent 0afea3a779
commit 3a134c7ab1
4 changed files with 442 additions and 30 deletions

View file

@ -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. */