style: 预付金模板只读说明弱化为说明块、左栏收窄至 34%、多选搜索框限宽

- 规则描述/分类说明等禁用 textarea:灰底边框观感突兀,改为无边框浅底灰字说明块,滚动条细化
- 左栏 40% → 34%
- chosen 多选隐藏搜索框 max-width 70px:全局 input 152px 使其换行、控件底部留空行
This commit is contained in:
hjhan
2026-08-28 09:14:28 +08:00
parent 30d87d1fa9
commit 943a5c3b79
@@ -107,11 +107,11 @@ p {
控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。
说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/
.tpl-base {
/*左右两栏约 4:6:左栏基础信息收窄,右侧追保区间表格更宽。
/*左右两栏约 1:2:左栏基础信息收窄,右侧追保区间表格更宽。
不用 col-md-5/7form-layout 自带 1rem 外边距,两栏 basis 相加已满 100% 会折行;
左栏定宽 40%(不缩不放)+ 右栏 .col(flex:1) 吸收剩余宽度,无折行风险*/
flex: 0 0 40%;
max-width: 40%;
左栏定宽(不缩不放)+ 右栏 .col(flex:1) 吸收剩余宽度,无折行风险*/
flex: 0 0 34%;
max-width: 34%;
}
.tpl-base input.text-box,
@@ -123,6 +123,26 @@ p {
width: calc(100% - 172px);
}
/*只读说明(规则描述/分类说明):禁用输入框的灰底边框观感突兀,弱化为说明文字块;
保留滚动(规则描述较长),滚动条细化*/
.tpl-base textarea.text-box:disabled {
background: #f8f8f8;
border: none;
border-radius: 3px;
color: #777;
resize: none;
}
.tpl-base textarea.text-box:disabled::-webkit-scrollbar {
width: 4px;
}
/*多选 chosen 的隐藏搜索框:全局 input[type=text] 152px 会把它撑宽到与已选标签挤不下而换行,
在控件底部留出一截空行;限制宽度使 标签+搜索框 保持单行*/
.form-layout .chosen-container-multi .chosen-choices li.search-field input {
max-width: 70px;
}
/*区块标题(新模板信息/选择模板规则/参数组N):左色条 + 加粗,与表单正文分层*/
.border > p:first-child {
font-weight: bold;