Add Jupyter Notebook (.ipynb) rendering support

This commit is contained in:
karthik.bhandary
2026-04-27 06:21:34 +00:00
parent d83c602da2
commit 53cbc734a5
4 changed files with 126 additions and 304 deletions
+28 -20
View File
@@ -1,3 +1,4 @@
/* Override notebookjs default styles with Gitea theme */
.jupyter-notebook {
padding: 20px;
background: var(--color-body);
@@ -22,6 +23,7 @@
line-height: 1.6;
background: var(--color-body);
color: var(--color-text);
margin-left: 90px;
}
.jupyter-notebook .cell.markdown h1,
@@ -91,28 +93,35 @@
border: none;
}
.jupyter-notebook .cell.code .input {
.jupyter-notebook .cell.code .input-wrapper,
.jupyter-notebook .cell.code .output-wrapper {
display: flex;
background-color: var(--color-code-bg);
border: 1px solid var(--color-secondary-alpha-20);
border-radius: 4px;
align-items: flex-start;
}
.jupyter-notebook .cell.code .prompt {
padding: 10px 16px;
padding: 10px 10px 10px 0;
color: var(--color-text-light-2);
font-family: var(--fonts-monospace);
font-size: 13px;
white-space: nowrap;
user-select: none;
min-width: 80px;
text-align: right;
width: 80px;
flex-shrink: 0;
}
.jupyter-notebook .cell.code .input {
flex: 1;
background-color: var(--color-code-bg, #f6f8fa);
border: 1px solid var(--color-secondary-alpha-20, #d0d7de);
border-radius: 4px;
}
.jupyter-notebook .cell.code .input pre {
flex: 1;
margin: 0;
padding: 10px 16px 10px 0;
font-family: var(--fonts-monospace);
padding: 10px 16px;
font-family: var(--fonts-monospace, monospace);
font-size: 13px;
line-height: 1.5;
overflow-x: auto;
@@ -122,23 +131,16 @@
.jupyter-notebook .cell.code .input code {
display: block;
font-family: var(--fonts-monospace);
font-family: inherit;
}
/* Code outputs */
.jupyter-notebook .cell.code .output {
flex: 1;
background: var(--color-body);
color: var(--color-text);
}
.jupyter-notebook .cell.code .output .prompt {
padding: 10px 16px;
color: var(--color-text-light-2);
font-family: var(--fonts-monospace);
font-size: 13px;
min-width: 80px;
}
.jupyter-notebook .cell.code .output pre {
margin: 0;
padding: 10px 16px;
@@ -156,6 +158,7 @@
border-collapse: collapse;
margin: 10px 16px;
font-size: 13px;
max-width: 100%;
}
.jupyter-notebook .cell.code .output table th,
@@ -175,8 +178,13 @@
}
.jupyter-notebook .cell.code .output img {
max-width: 100%;
max-width: 90%;
height: auto;
display: block;
margin: 10px 16px;
margin: 10px 0;
}
.jupyter-notebook .cell.code .output table img {
margin: 0;
width: auto;
}