fix(文书纸): 用 min-height + container-type 修正纸张高度下限与窄容器下表格溢出
This commit is contained in:
@@ -302,16 +302,14 @@ onBeforeUnmount(() => {
|
||||
container-type: inline-size;
|
||||
}
|
||||
|
||||
/* 白纸:A4 比例(下限)+ 一般文书页边距,走统一 A4 规格(utils/document-paper.ts)。
|
||||
/* 白纸:至少一页 A4 + 一般文书页边距,走统一 A4 规格(utils/document-paper.ts)。
|
||||
原来那套 `--pane-gutter: clamp(20px, 8%, 96px)` 只是"看着像版心",
|
||||
与签署预览的页边距对不上,编辑时看到的换行位置和签出来不一样。
|
||||
**用 min-height 而不是 aspect-ratio**:aspect-ratio 会被 WangEditor 内层的
|
||||
滚动容器吃掉(正文 1574px 而纸定死在 1160px,正文直接露到灰桌上);
|
||||
min-height 只是下限,正文多了纸自己长高,滚动交给纸桌。 */
|
||||
纸壳(.pane-sheet)宽度 == 纸宽,所以 clamp 那套与 cqw 那套在这里都精确。 */
|
||||
.pane-content {
|
||||
width: 100%;
|
||||
min-height: var(--doc-paper-min-h-cqw);
|
||||
padding: var(--doc-paper-pad-y-cqw) var(--doc-paper-pad-x-cqw);
|
||||
min-height: var(--doc-paper-min-h);
|
||||
padding: var(--doc-paper-pad-y) var(--doc-paper-pad-x);
|
||||
background: #fff;
|
||||
box-shadow: var(--sh);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user