v-code-diff icon indicating copy to clipboard operation
v-code-diff copied to clipboard

这横向滚动条CSS如何改才能一直显示。现在需要拉到最底下才能看到横向滚动条

Open lipeiyu2106 opened this issue 3 years ago • 1 comments

image

lipeiyu2106 avatar Sep 16 '22 02:09 lipeiyu2106

目前只能限制高度了 + 开启滚动了。参考覆盖以下css可以临时解决问题,但如果数据不长则样式也不好看

  .d2h-file-side-diff {
    margin-bottom: -5px;
    max-height: 500px;
    overflow: scroll;
  }
  .d2h-code-side-linenumber {
    padding: 0 0.5rem;
    position: relative;
    line-height: 20px;
    height: 20px;
  }

过一段时间会出新版,不依赖 diff2html 的版本,新版中会解决这个问题

Shimada666 avatar Sep 16 '22 02:09 Shimada666

现在已经出了 1.1.0 版本,支持 max-height 属性,且取消了横向滚动条,欢迎使用

Shimada666 avatar Feb 14 '23 02:02 Shimada666