From 5774b1f69a903c8a53d1f6ea47a01b29eb8a27c4 Mon Sep 17 00:00:00 2001 From: Chris LaFreniere <40371649+chlafreniere@users.noreply.github.com> Date: Wed, 13 Mar 2019 19:24:39 -0700 Subject: [PATCH] remove ugly border around text cells (#4481) --- src/sql/parts/notebook/notebookStyles.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/sql/parts/notebook/notebookStyles.ts b/src/sql/parts/notebook/notebookStyles.ts index 08574b1c8c..bf16992651 100644 --- a/src/sql/parts/notebook/notebookStyles.ts +++ b/src/sql/parts/notebook/notebookStyles.ts @@ -42,6 +42,10 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean): IDi box-shadow: 0; } + .notebookEditor .notebook-cell.active:hover { + border-color: ${activeBorder}; + } + .notebookEditor .notebook-cell:hover:not(.active) { box-shadow: ${lightBoxShadow}; } @@ -98,13 +102,14 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean): IDi // Standard notebook cell behavior collector.addRule(` .notebookEditor .notebook-cell { - border-color: ${inactiveBorder}; + border-color: transparent; border-width: 1px; } .notebookEditor .notebook-cell.active { border-width: 1px; } .notebookEditor .notebook-cell:hover { + border-color: ${inactiveBorder}; border-width: 1px; } `);