mirror of
https://gitee.com/ulthon/ulthon_information.git
synced 2026-07-09 06:12:48 +08:00
fix(phone-image): 修復5個UI問題
1. 中間預覽區工具欄折行: 縮小字號/間距(gap 8->4, font 12->11px) 2. 右側畫布缺少頁間距: 新增scaleWrapper裁切transform溢出 3. 右側對齊下拉框不可見: select改為正常文檔流,移除position:absolute 4. 正文水平居中: dom-page-content添加text-align:left 5. 列表不顯示序號/圓點: 顯式設置list-style-type + display:list-item
This commit is contained in:
@@ -603,9 +603,7 @@
|
||||
}
|
||||
|
||||
.thumb-alignment-select {
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
display: block;
|
||||
height: 22px;
|
||||
font-size: 11px;
|
||||
border: 1px solid #d9d9d9;
|
||||
@@ -613,7 +611,7 @@
|
||||
padding: 0 2px;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
margin: 4px auto 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
@@ -955,14 +953,39 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
|
||||
}
|
||||
|
||||
/* 预览区列表 */
|
||||
#render-preview ul,
|
||||
#render-preview ul {
|
||||
list-style-type: disc;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#render-preview ol {
|
||||
list-style-type: decimal;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#render-preview li {
|
||||
margin-bottom: 5px;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* DOM分页预览列表 */
|
||||
.dom-page-content ul {
|
||||
list-style-type: disc;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dom-page-content ol {
|
||||
list-style-type: decimal;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dom-page-content li {
|
||||
margin-bottom: 5px;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
@@ -1152,6 +1175,7 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
|
||||
font-size: calc(14px * var(--pi-font-scale, 1));
|
||||
line-height: 1.8;
|
||||
word-break: break-word;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* DOM分页内容区对齐支持 (复用valign模式) */
|
||||
@@ -1159,12 +1183,14 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dom-page-content.valign-bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* --- DOM分页页码 --- */
|
||||
|
||||
Reference in New Issue
Block a user