diff options
Diffstat (limited to 'app/assets/javascripts/notebook/cells/code/index.vue')
| -rw-r--r-- | app/assets/javascripts/notebook/cells/code/index.vue | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/app/assets/javascripts/notebook/cells/code/index.vue b/app/assets/javascripts/notebook/cells/code/index.vue index 98b6cdd0944..470d8c87d59 100644 --- a/app/assets/javascripts/notebook/cells/code/index.vue +++ b/app/assets/javascripts/notebook/cells/code/index.vue @@ -26,6 +26,10 @@ export default { type: String, required: true, }, + metadata: { + type: Object, + default: () => ({}), + }, }, computed: { code() { @@ -36,6 +40,12 @@ export default { return type.charAt(0).toUpperCase() + type.slice(1); }, + cellCssClass() { + return { + [this.codeCssClass]: true, + 'jupyter-notebook-scrolled': this.metadata.scrolled, + }; + }, }, mounted() { Prism.highlightElement(this.$refs.code); @@ -46,6 +56,6 @@ export default { <template> <div :class="type"> <prompt :type="promptType" :count="count" /> - <pre ref="code" :class="codeCssClass" class="language-python" v-text="code"></pre> + <pre ref="code" :class="cellCssClass" class="language-python" v-text="code"></pre> </div> </template> |