add scroolbars to wide graphs. (#608)
* Add scrollbars to graph and revlist if needed. * Add border
This commit is contained in:
		
							parent
							
								
									f8c2903484
								
							
						
					
					
						commit
						f9a3aa8737
					
				
					 3 changed files with 6 additions and 9 deletions
				
			
		|  | @ -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 a new issue