add scroolbars to wide graphs. (#608)
* Add scrollbars to graph and revlist if needed. * Add borderrelease/v1.15
parent
f8c2903484
commit
f9a3aa8737
|
@ -2,14 +2,15 @@ body {font:13.34px/1.4 helvetica,arial,freesans,clean,sans-serif;}
|
||||||
em {font-style:normal;}
|
em {font-style:normal;}
|
||||||
|
|
||||||
#git-graph-container, #rel-container {float:left;}
|
#git-graph-container, #rel-container {float:left;}
|
||||||
#git-graph-container {}
|
#rel-container {max-width:30%; overflow-x:auto;}
|
||||||
#git-graph-container li {list-style-type:none;height:20px;line-height:20px;overflow:hidden;}
|
#git-graph-container {overflow-x:auto; width:100%}
|
||||||
|
#git-graph-container li {list-style-type:none;height:20px;line-height:20px; white-space:nowrap;}
|
||||||
#git-graph-container li .node-relation {font-family:'Bitstream Vera Sans Mono', 'Courier', monospace;}
|
#git-graph-container li .node-relation {font-family:'Bitstream Vera Sans Mono', 'Courier', monospace;}
|
||||||
#git-graph-container li .author {color:#666666;}
|
#git-graph-container li .author {color:#666666;}
|
||||||
#git-graph-container li .time {color:#999999;font-size:80%}
|
#git-graph-container li .time {color:#999999;font-size:80%}
|
||||||
#git-graph-container li a {color:#000000;}
|
#git-graph-container li a {color:#000000;}
|
||||||
#git-graph-container li a:hover {text-decoration:underline;}
|
#git-graph-container li a:hover {text-decoration:underline;}
|
||||||
#git-graph-container li a em {color:#BB0000;border-bottom:1px dotted #BBBBBB;text-decoration:none;font-style:normal;}
|
#git-graph-container li a em {color:#BB0000;border-bottom:1px dotted #BBBBBB;text-decoration:none;font-style:normal;}
|
||||||
#rev-container {width:80%}
|
#rev-container {width:100%}
|
||||||
#rev-list {margin:0;padding:0 5px 0 0;width:80%}
|
#rev-list {margin:0;padding:0 5px 0 5px;min-width:95%}
|
||||||
#graph-raw-list {margin:0px;}
|
#graph-raw-list {margin:0px;}
|
|
@ -10,8 +10,4 @@ $(document).ready(function () {
|
||||||
})
|
})
|
||||||
|
|
||||||
gitGraph(document.getElementById('graph-canvas'), graphList);
|
gitGraph(document.getElementById('graph-canvas'), graphList);
|
||||||
|
|
||||||
if ($("#rev-container")) {
|
|
||||||
$("#rev-container").css("width", document.body.clientWidth - document.getElementById('graph-canvas').width);
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
|
|
||||||
|
|
||||||
<div id="git-graph-container">
|
<div id="git-graph-container" class="ui segment">
|
||||||
<div id="rel-container">
|
<div id="rel-container">
|
||||||
<canvas id="graph-canvas">
|
<canvas id="graph-canvas">
|
||||||
<ul id="graph-raw-list">
|
<ul id="graph-raw-list">
|
||||||
|
|
Loading…
Reference in New Issue