vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Begin work on an image history tree view

Browse source
This commit is contained in:
Joseph Schorr 2013-10-10 00:40:18 -04:00
parent d7ea1944e3
commit 9f094af1b2
9 changed files with 664 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

83
static/css/quay.css
View file

@ -689,6 +689,39 @@ p.editable:hover i {
margin-bottom: 10px;
}
#image-history-container .node circle {
cursor: pointer;
fill: #fff;
stroke-width: 1.5px;
stroke: #ccc;
position: relative;
}
#image-history-container .node.highlighted circle {
stroke: steelblue;
}
#image-history-container .node.current circle {
fill: steelblue;
stroke-width: 2.5px;
}
#image-history-container .node text {
font-size: 16px;
cursor: pointer;
}
#image-history-container path.link {
fill: none;
stroke: #ccc;
stroke-width: 1.5px;
}
#image-history-container path.link.highlighted {
stroke: steelblue;
}
/* Overrides for the markdown editor. */
.wmd-panel .btn-toolbar {
@ -783,4 +816,54 @@ p.editable:hover i {
.modal-backdrop.in {
opacity: 0.5 !important;
}
/** D3 tooltip styling */
.d3-tip {
line-height: 1;
padding: 12px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 2px;
max-width: 500px;
}
/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
box-sizing: border-box;
display: inline;
font-size: 10px;
width: 100%;
line-height: 1;
color: rgba(0, 0, 0, 0.8);
content: "\25BC";
position: absolute;
text-align: center;
}
/* Style northward tooltips differently */
.d3-tip.n:after {
margin: -3px 0 0 0;
top: 100%;
left: 0;
}
.d3-tip .full-id {
font-size: 11px;
color: #ddd;
display: block;
}
.d3-tip .created {
font-size: 12px;
color: white;
display: block;
margin-bottom: 6px;
}
.d3-tip .comment {
display: block;
font-size: 14px;
margin-bottom: 6px;
}