From 51f47fbdee815828899a68be8be176c462d6a232 Mon Sep 17 00:00:00 2001
From: Chris LaFreniere <40371649+chlafreniere@users.noreply.github.com>
Date: Thu, 16 Apr 2020 11:22:29 -0700
Subject: [PATCH] Bring back hover buttons for adding cells (#10012)

---
 .../notebook/browser/notebook.component.html  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/sql/workbench/contrib/notebook/browser/notebook.component.html b/src/sql/workbench/contrib/notebook/browser/notebook.component.html
index 723fe18a20..bd3626aa07 100644
--- a/src/sql/workbench/contrib/notebook/browser/notebook.component.html
+++ b/src/sql/workbench/contrib/notebook/browser/notebook.component.html
@@ -9,6 +9,17 @@
 	</div>
 	<div #container class="scrollable" style="flex: 1 1 auto; position: relative; outline: none" (click)="unselectActiveCell()" (scroll)="scrollHandler($event)">
 		<loading-spinner [loading]="isLoading"></loading-spinner>
+		<div class="hoverButtonsContainer" *ngIf="(cells && cells.length > 0) && !isLoading">
+			<span class="containerBackground"></span>
+			<button class="hoverButton" (click)="addCell('code', 0, $event)">
+				<div class="addCodeIcon"></div>
+				<span>{{addCodeLabel}}</span>
+			</button>
+			<button class="hoverButton" (click)="addCell('markdown', 0, $event)">
+				<div class="addTextIcon"></div>
+				<span>{{addTextLabel}}</span>
+			</button>
+		</div>
 		<div *ngFor="let cell of cells">
 			<div class="notebook-cell" (click)="selectCell(cell, $event)" [class.active]="cell.active">
 				<code-cell-component *ngIf="cell.cellType === 'code'" [cellModel]="cell" [model]="model" [activeCellId]="activeCellId">
@@ -16,6 +27,17 @@
 				<text-cell-component *ngIf="cell.cellType === 'markdown'" [cellModel]="cell" [model]="model" [activeCellId]="activeCellId">
 				</text-cell-component>
 			</div>
+			<div class="hoverButtonsContainer">
+				<span class="containerBackground"></span>
+				<button class="hoverButton" (click)="addCell('code', findCellIndex(cell) + 1, $event)">
+					<div class="addCodeIcon"></div>
+					<span>{{addCodeLabel}}</span>
+				</button>
+				<button class="hoverButton" (click)="addCell('markdown', findCellIndex(cell) + 1, $event)">
+					<div class="addTextIcon"></div>
+					<span>{{addTextLabel}}</span>
+				</button>
+			</div>
 		</div>
 		<div class="notebook-cell" *ngIf="(!cells || !cells.length) && !isLoading">
 			<placeholder-cell-component [cellModel]="cell" [model]="model">