drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-05-13 14:56:26 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: jupyter styling not applied (#454)
Some checks failed
Deploy Hugo site to Pages / build (push) Has been cancelled
Details
Deploy Hugo site to Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Xin 2024-09-14 23:53:43 +01:00 committed by GitHub
parent 2af73b3d7e
commit de9f9b312e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/compiled/main.css
View File

@ -2577,6 +2577,23 @@ nav .search-wrapper {
grid-template-columns: repeat(var(--hextra-feature-grid-cols), minmax(0, 1fr)) grid-template-columns: repeat(var(--hextra-feature-grid-cols), minmax(0, 1fr))
} }
} }
.hextra-jupyter-code-cell {
scrollbar-gutter: auto;
margin-top: 1.5rem;
}
.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container {
overflow: hidden;
font-size: .75rem;
}
.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs {
max-height: 50vh;
overflow: auto;
}
.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs pre {
max-width: 100%;
overflow: auto;
font-size: .75rem;
}
html { html {
font-size: 1rem; font-size: 1rem;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;

16
assets/css/components/jupyter.css
View File

@ -3,27 +3,15 @@
@apply hx-mt-6; @apply hx-mt-6;
.hextra-jupyter-code-cell-source {
@apply hx-text-sm;
.chroma,
pre {
@apply hx-m-0;
}
}
.hextra-jupyter-code-cell-outputs-container { .hextra-jupyter-code-cell-outputs-container {
@apply hx-text-xs hx-overflow-hidden hx-border hx-border-t-0 hx-rounded-b-xl dark:hx-border-neutral-800; @apply hx-text-xs hx-overflow-hidden;
.hextra-jupyter-code-cell-outputs { .hextra-jupyter-code-cell-outputs {
@apply hx-overflow-auto hx-max-h-[50vh]; @apply hx-overflow-auto hx-max-h-[50vh];
pre { pre {
@apply hx-p-4; @apply hx-text-xs hx-overflow-auto hx-max-w-full;
} }
} }
} }
} }
.hextra-jupyter-code-cell:has(.hextra-jupyter-code-cell-outputs) .hextra-jupyter-code-cell-source .chroma {
@apply hx-rounded-b-none;
}

1
assets/css/styles.css
View File

@ -10,6 +10,7 @@
@import "components/scrollbar.css"; @import "components/scrollbar.css";
@import "components/code-copy.css"; @import "components/code-copy.css";
@import "components/hextra/feature-grid.css"; @import "components/hextra/feature-grid.css";
@import "components/jupyter.css";
html { html {
@apply hx-text-base hx-antialiased; @apply hx-text-base hx-antialiased;

4
layouts/shortcodes/jupyter.html
View File

@ -53,12 +53,12 @@
{{- else if eq (index $output "output_type") "stream" -}} {{- else if eq (index $output "output_type") "stream" -}}
{{- $text := index $output "text" -}} {{- $text := index $output "text" -}}
{{- $textContent := (cond (reflect.IsSlice $text) (delimit $text "") $text) -}} {{- $textContent := (cond (reflect.IsSlice $text) (delimit $text "") $text) -}}
<pre class="not-prose hx-text-sm">{{- $textContent -}}</pre> <pre class="not-prose">{{- $textContent -}}</pre>
{{- else if eq (index $output "output_type") "execute_result" -}} {{- else if eq (index $output "output_type") "execute_result" -}}
{{- $data := index $output "data" -}} {{- $data := index $output "data" -}}
{{- $text := index $data "text/plain" -}} {{- $text := index $data "text/plain" -}}
{{- $textContent := (cond (reflect.IsSlice $text) (delimit $text "") $text) -}} {{- $textContent := (cond (reflect.IsSlice $text) (delimit $text "") $text) -}}
<pre class="not-prose hx-text-sm">{{- $textContent -}}</pre> <pre class="not-prose">{{- $textContent -}}</pre>
{{- $html := index $data "text/html" -}} {{- $html := index $data "text/html" -}}
{{- if $html -}} {{- if $html -}}
{{- $htmlText := delimit $html "" -}} {{- $htmlText := delimit $html "" -}}