mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2024-11-21 01:11:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix box shadows

Browse Source
This commit is contained in:
Jeremy Tuloup 2022-10-01 17:03:17 +02:00
parent b4a5431ef7
commit 656e6fd871
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,7 +30,7 @@ body[data-notebook='notebooks'] .jp-WindowedPanel-inner {
}
body[data-notebook='notebooks'] .jp-Notebook > *:first-child:not(:last-child) {
box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%);
box-shadow: 0px 0px 12px 1px var(--jp-shadow-umbra-color);
}
body[data-notebook='notebooks'] .jp-Notebook {
@ -47,8 +47,11 @@ 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-toolbar-margin-bottom);
margin-top: var(--jp-cell-padding);
min-height: 0;
}
body[data-notebook='notebooks'] .jp-WindowedPanel-window > *:last-child {
padding-bottom: 10px;
}
body[data-notebook='notebooks']
@ -190,3 +193,35 @@ body[data-notebook='notebooks'] .jp-Notebook-cell {
padding-left: calc(2 * var(--jp-cell-padding));
padding-right: calc(2 * var(--jp-cell-padding));
}
/* Notebook box shadow */
body[data-notebook='notebooks'] .jp-Notebook > *:first-child:not(:last-child) {
box-shadow: 0px 0px 12px 1px var(--jp-shadow-umbra-color);
}
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 var(--jp-shadow-umbra-color);
margin-bottom: -11px;
}
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;
}