style: 预付金模板只读说明弱化为说明块、左栏收窄至 34%、多选搜索框限宽
- 规则描述/分类说明等禁用 textarea:灰底边框观感突兀,改为无边框浅底灰字说明块,滚动条细化 - 左栏 40% → 34% - chosen 多选隐藏搜索框 max-width 70px:全局 input 152px 使其换行、控件底部留空行
This commit is contained in:
@@ -107,11 +107,11 @@ p {
|
||||
控件统一 240px 宽、右缘对齐;多选 chosen 初始化取 select 宽度(SetAceDropDown),随之统一。
|
||||
说明类 textarea 跟随列宽(减去 160px 标签 + 8px 间距 + 4px 余量)*/
|
||||
.tpl-base {
|
||||
/*左右两栏约 4:6:左栏基础信息收窄,右侧追保区间表格更宽。
|
||||
/*左右两栏约 1:2:左栏基础信息收窄,右侧追保区间表格更宽。
|
||||
不用 col-md-5/7:form-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;
|
||||
|
||||
Reference in New Issue
Block a user