ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-22 17:22:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

3240: Empty cells show thick border (#3242)

Browse Source 
* 3240: Empty cells show thick border

* 3240: Refactoring code and markdown css selection +output UI improvement
This commit is contained in:
Raj
2018-11-28 09:45:34 -08:00
committed by GitHub
parent bc13beaa85
commit 3952fdbe2d
7 changed files with 43 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/sql/parts/notebook/cellViews/textCell.component.ts
View File

@@ -31,6 +31,7 @@ export class TextCellComponent extends CellView implements OnInit, OnChanges {
private _content: string;
private isEditMode: boolean;
private _sanitizer: ISanitizer;
private _previewCssApplied: boolean = false;
private _activeCellId: string;
constructor(
@@ -113,12 +114,29 @@ export class TextCellComponent extends CellView implements OnInit, OnChanges {
}
public handleContentChanged(): void {
if (!this._previewCssApplied) {
this.updatePreviewCssClass();
}
this.updatePreview();
}
public toggleEditMode(): void {
this.isEditMode = !this.isEditMode;
this.updatePreviewCssClass();
this.updatePreview();
this._changeRef.detectChanges();
}
// Updates the css class to preview 'div' based on edit mode
private updatePreviewCssClass() {
let outputElement = <HTMLElement>this.output.nativeElement;
if (this.isEditMode && this.cellModel.source) {
outputElement.className = 'notebook-preview';
this._previewCssApplied = true;
}
else {
outputElement.className = '';
this._previewCssApplied = false;
}
}
}