.net - 改变sidetoc的宽度

Question

基本上我正在尝试更改左侧导航的宽度（sidetoc）。我的一些命名空间和类型的宽度比 sidetoc 允许的宽，因此换行符换行，我真的想避免这种情况。

有没有办法在不使用js的情况下改变它？

Answer 1

以下模板的解决方案：

• 黑暗FX

自定义文件./templates/darkfx/styles/main.css

  media (min-width: 1600px) {
  .container {
    width: 100%;
  }
  .sidefilter {
    /* width: 18%; */
    width: 28%;
  }
  .sidetoc {
    /* width: 18%; */
    width: 28%;
  }
  .article.grid-right {
    /* margin-left: 19%; */
    margin-left: 29%;
  }

• 马修

自定义文件./templates/docfx-tmpl/styles/main.css

.sidetoc {
  width: 480px;
}
.sidefilter {
  width: 480px;
}
.article.grid-right {
  margin-left: 500px;
}

Answer 2

按照说明创建自定义模板。在您的自定义模板中，修改 docfx.css 文件以更改在 .sidetoc 样式中设置的宽度。

.sidetoc {
  position: fixed;
  width: 300px;
  top: 150px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f1f1f1;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  z-index: 1;
}