0

我在笔记本中使用自定义 css,但似乎我没有正确覆盖默认 css。我的代码单元格如下所示:

漂亮的代码单元

当我执行它们时,它们会在底部添加一些空间,其中似乎包含原始输入格式:

奇怪的代码单元

我想摆脱这个。

使用 firefox 的 Inspector,我可以看到div.input_area与下面未执行的单元格中的相同元素相比,该元素被放大了:

有问题的 div

在标题为“设置”的部分中,放大的 div 以淡蓝色突出显示。“定义一些辅助函数”部分下的相同元素具有正确的大小。

一旦我双击放大的单元格,它就会再次正确显示。

是什么导致div.input_area元素尺寸增加或者我可以做些什么来找到原因?

编辑:

我刚刚发现的父母div.input_area有一个-moz-box-flex: 1财产。当我取消选中此选项时,单元格会水平收缩以适应内容(我不想要),但也会覆盖先前添加的额外空间。它看起来像这样:

水平缩小,但覆盖了单元格执行后自动添加的额外空间

4

1 回答 1

0

你能分享你的修改css吗?我在我的电脑上看不到默认主题的行为。而且我看不出有任何理由说明它的大小.input_area应该改变,看看它是如何工作的。但是我在 master[*] 上并且一些 css 已经改变,所以这可能是原因。

至于正确覆盖 css,除了使用 custom.css 之外,没有官方的方法可以做到这一点,但是由于我们的 css 几乎是完全编译使用的.less,您可能只想重新定义一个variable.less文件并重新编译您的完整style.css文件以确保覆盖所有正确位置的颜色。

旁注,我们希望为笔记本/nbviewer 提供更轻松的主题,但我们没有足够的人力来做到这一点。欢迎提出想法、帮助和文档写作 :-)

[*] 甚至在大多数时间没有合并到 master 的分支上

于 2013-11-10T10:09:33.967 回答