Corrected the bottom border of the table header row (commit content c…

…ould be seen through it)
mhutchie · Nov 7, 2020 · 4c97680 · 4c97680
1 parent 72d5d20
commit 4c97680
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/web/main.ts b/web/main.ts
@@ -1761,8 +1761,7 @@ class GitGraphView {
 		const controlsHeight = this.controlsElem.offsetHeight;
 		const controlsWidth = this.controlsElem.offsetWidth;
 		const tableColHeadersHeight = this.tableColHeadersElem.offsetHeight;
-		const bottomBorderWidth = 1;
-		const shadowYPos = controlsHeight + tableColHeadersHeight + bottomBorderWidth;
+		const shadowYPos = controlsHeight + tableColHeadersHeight;
 
 		this.tableColHeadersElem.style.top = `${controlsHeight}px`;
 		this.scrollShadowElem.style.top = `${shadowYPos}px`;

diff --git a/web/styles/main.css b/web/styles/main.css
@@ -198,7 +198,8 @@ body.selection-background-color-exists ::selection{
 }
 #commitTable table{
 	width:100%;
-	border-collapse:collapse;
+	border-collapse:separate;
+	border-spacing:0;
 }
 #commitTable table, #commitTable tbody, #commitTable tr, #commitTable th, #commitTable td{
 	padding:0;
@@ -216,8 +217,7 @@ body.selection-background-color-exists ::selection{
 	padding:0 4px;
 }
 #commitTable th{
-	border-bottom:1px solid transparent;
-	box-shadow: 0 1px 0 rgba(128,128,128,0.5);
+	border-bottom:1px solid rgba(128,128,128,0.5);
 	line-height:18px;
 	padding:6px 12px;
 }
@@ -774,12 +774,12 @@ body.tagLabelsRightAligned .gitRef.tag{
 
 #controls{
 	display:block;
-	position: relative;
+	position:relative;
 	left:0;
 	right:0;
 	top:0;
 	padding:4px 132px 4px 0;
-	background-color: var(--vscode-editor-background);
+	background-color:var(--vscode-editor-background);
 	border-bottom:1px solid rgba(128,128,128,0.5);
 	line-height:32px;
 	text-align:center;