From c5d7a40722280c29690b067588a5368fc8e8e97d Mon Sep 17 00:00:00 2001
From: trungle <leductrungxf@gmail.com>
Date: Fri, 20 May 2022 21:54:11 +0200
Subject: [PATCH] Add shadow to cells

---
 packages/notebook-extension/style/base.css | 46 ++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/packages/notebook-extension/style/base.css b/packages/notebook-extension/style/base.css
index 9035921659..5a1e09a456 100644
--- a/packages/notebook-extension/style/base.css
+++ b/packages/notebook-extension/style/base.css
@@ -29,6 +29,23 @@ body[data-notebook='notebooks'] .jp-Notebook > *:first-child {
   margin-top: var(--jp-notebook-toolbar-margin-bottom);
 }
 
+body[data-notebook='notebooks'] .jp-Notebook > *:first-child:not(:last-child) {
+  box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  > *:first-child:last-child::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
+  margin-bottom: -11px;
+}
+
 body[data-notebook='notebooks'] .jp-Notebook {
   padding-top: unset;
   padding-bottom: unset;
@@ -44,6 +61,34 @@ body[data-notebook='notebooks'] .jp-Notebook {
 body[data-notebook='notebooks'] .jp-Notebook.jp-mod-scrollPastEnd::after {
   background: var(--jp-layout-color0);
   min-height: var(--jp-notebook-padding);
+  box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::after,
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::before {
+  content: ' ';
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 11px;
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::before {
+  box-shadow: -11px 0 11px -11px rgb(87 87 87 / 20%) inset;
+  left: -11px;
+}
+
+body[data-notebook='notebooks']
+  .jp-Notebook
+  .jp-Notebook-cell:not(:first-child)::after {
+  box-shadow: 12px 0 11px -11px rgb(87 87 87 / 20%) inset;
+  right: -11px;
 }
 
 /* Cell toolbar adjustements */
@@ -51,6 +96,7 @@ body[data-notebook='notebooks'] .jp-Notebook.jp-mod-scrollPastEnd::after {
 body[data-notebook='notebooks'] .jp-cell-toolbar {
   background: unset;
   top: unset;
+  box-shadow: unset;
 }
 
 @media only screen and (max-width: 760px) {