最近在使用notion,但是发现没有悬浮目录可以查看,网上搜索之后,就安装notion boost,但是仍然存在问题,如下图所示,当目录字数较多时,它不能完全显示,这样目录看起来还是很不舒服,因此打算动手改进。
-
点击
F12
打开开发者工具。点击左上方的检查元素,定位到任意一行目录位置。
-
查看目录样式,经过我的多次尝试发现,只需要将
white-space:nowrap
删除,或者将其修改为unset
状态,那么目录,就会换行显示,这就是我需要的功能。接下来该怎么做呢?
3. 解决思路:在源代码中找到这一段css代码。并修改这个css代码,从而每次运行时从本地替换。
通过搜索关键字,寻找到了这个指定的css文件,右键本地修改。
添加这一段css
/*by kuhn 我想让目录显示得更加清楚*/
.nb-outline .table_of_contents .block-wrapper .block a .btn .align .text {
white-space: pre-wrap!important;
overflow: hidden;
text-overflow: ellipsis;
}
这样每次打开网页就会自动修改原先的目录样式,就可以看清楚目录了。