mirror of https://gitee.com/bigwinds/arangodb
GraphViewer: Moved the label list into the graph viewer space and added a padding
This commit is contained in:
parent
697debe01c
commit
09961581ec
|
@ -74,8 +74,7 @@ svg.graphViewer {
|
|||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0,0,0,0.125);
|
||||
margin-top: -25px;
|
||||
margin-left: 50px;
|
||||
margin-left: 74px;
|
||||
}
|
||||
|
||||
div.mousepointer {
|
||||
|
@ -185,11 +184,10 @@ button.gv-icon-btn.trash{
|
|||
}
|
||||
div.gv_zoom_widget {
|
||||
position: relative;
|
||||
left: 60px;
|
||||
top: 20px;
|
||||
left: 95px;
|
||||
width: 40px;
|
||||
height: 300px;
|
||||
margin-bottom: -300px;
|
||||
margin-bottom: -322px;
|
||||
}
|
||||
div.gv_zoom_slider {
|
||||
margin: 0px 17px;
|
||||
|
@ -345,3 +343,20 @@ a.gv_dropdown_entry {
|
|||
span.gv_caret {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
div.gv_colour_list {
|
||||
position: relative;
|
||||
right: 26px;
|
||||
top: 20px;
|
||||
text-align: right;
|
||||
height: 680px;
|
||||
overflow: auto;
|
||||
margin-bottom: -100%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.gv_colour_list > li {
|
||||
background-color: transparent;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
position: relative;
|
||||
|
|
|
@ -45,7 +45,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
|
|||
|
||||
var self = this,
|
||||
graphViewer,
|
||||
width = (optWidth || container.offsetWidth) - 60,
|
||||
width = (optWidth || container.offsetWidth) - 81,
|
||||
height = optHeight || container.offsetHeight,
|
||||
menubar = document.createElement("ul"),
|
||||
background = document.createElement("div"),
|
||||
|
@ -153,7 +153,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
|
|||
slider.id = "gv_zoom_slider";
|
||||
slider.className = "gv_zoom_slider";
|
||||
|
||||
background.appendChild(zoomUI);
|
||||
background.insertBefore(zoomUI, svg[0][0]);
|
||||
zoomUI.appendChild(zoomButtons);
|
||||
|
||||
zoomUI.appendChild(slider);
|
||||
|
@ -405,6 +405,8 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
|
|||
|
||||
createColourList = function() {
|
||||
colourList = nodeShaperUI.createColourMappingList();
|
||||
colourList.className = "gv_colour_list";
|
||||
/*
|
||||
colourList.style.position = "absolute";
|
||||
var intSVG = $("#graphViewerSVG");
|
||||
colourList.style.top = intSVG.position().top.toFixed(1) + "px";
|
||||
|
@ -412,6 +414,8 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
|
|||
colourList.style.height = intSVG.height() + "px";
|
||||
colourList.style.overflow = "auto";
|
||||
container.appendChild(colourList);
|
||||
*/
|
||||
background.insertBefore(colourList, svg[0][0]);
|
||||
};
|
||||
container.appendChild(menubar);
|
||||
container.appendChild(background);
|
||||
|
|
Loading…
Reference in New Issue