mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2025-02-23 12:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6433 from trungleduc/add-cell-shadow

Browse Source 
Add shadow to cells
This commit is contained in:
Jeremy Tuloup 2022-05-30 09:15:51 +02:00 committed by GitHub
commit 6a2f5c7d92
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/notebook-extension/style/base.css
View File

@ -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) {