#132 fix overlapping issues

Author: bendera

src/gitGraphView.ts

@@ -648,8 +648,8 @@ export class GitGraphView extends Disposable {
 					<div id="commitTable"></div>
 				</div>
 				<div id="footer"></div>
+				<div id="scrollShadow"></div>
 			</div>
-			<div id="scrollShadow"></div>
 			<script nonce="${nonce}">var globalState = ${JSON.stringify(globalState)}, initialState = ${JSON.stringify(initialState)};</script>
 			<script nonce="${nonce}" src="${this.getMediaUri('out.min.js')}"></script>
 			</body>`;

web/styles/main.css

@@ -72,7 +72,7 @@ body.selection-background-color-exists ::selection{
 	right:0;
 	height:6px;
 	box-shadow: inset 0 6px 6px -6px var(--vscode-scrollbar-shadow);
-	z-index:20;
+	z-index:11;
 	pointer-events:none;
 }
 
@@ -283,7 +283,7 @@ body.selection-background-color-exists ::selection{
 #tableColHeaders.sticky .tableColHeader {
 	position: sticky;
 	top: inherit;
-	z-index: 3;
+	z-index: 11;
 	background-color: var(--vscode-editor-background);
 }
 .resizeCol{
@@ -791,7 +791,7 @@ body.tagLabelsRightAligned .gitRef.tag{
 
 #controls.sticky {
 	position:sticky;
-	z-index: 4;
+	z-index:12;
 }
 
 #repoControl, #branchControl, #showRemoteBranchesControl{