hjhan
6d0986f2aa
- 上一版仅全选时隐藏，仍有空框在剩余空间不足时换行占一行（簿记账户/资产类型单元格）； 改为有任意选中项即隐藏（点选场景无需键盘过滤），全部取消后恢复占位提示 - 去掉搜索框 max-width 限宽：空态时全宽展示"请选择…" - 期限档位表操作列按钮去左边距+不换行，fixed 布局窄列下不再竖排
166 lines
4.6 KiB
CSS
166 lines
4.6 KiB
CSS
.formlabel {
|
||
min-width: 160px !important;
|
||
}
|
||
|
||
.addBtn, .delBtn {
|
||
border: none;
|
||
background: none;
|
||
color: red;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
/*纵向时间轴*/
|
||
.container {
|
||
margin: 20px;
|
||
}
|
||
|
||
.container ul {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
|
||
.time-vertical {
|
||
list-style-type: none;
|
||
border-left: 1px solid #707070;
|
||
padding: 0px;
|
||
}
|
||
|
||
.time-vertical li {
|
||
height: 40px;
|
||
position: relative;
|
||
}
|
||
|
||
.time-vertical li a {
|
||
display: inline-block;
|
||
margin-left: 20px;
|
||
margin-top: 10px;
|
||
margin-bottom: 10px;
|
||
text-decoration: none;
|
||
color: #000;
|
||
}
|
||
|
||
.time-vertical li b:before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 11.6px;
|
||
left: -10.8px;
|
||
width: 18px;
|
||
height: 18px;
|
||
border: 2px solid #98FB98;
|
||
border-radius: 10px;
|
||
background: #98FB98;
|
||
}
|
||
|
||
.time-vertical li span {
|
||
position: absolute;
|
||
color: #fff;
|
||
top: 10px;
|
||
left: -6px;
|
||
}
|
||
|
||
.border {
|
||
margin: 5px;
|
||
padding: 5px;
|
||
}
|
||
|
||
/*多选 chosen 的 search-choice 已去掉原固定 130px 宽（改由 chosen 默认自适应）：
|
||
固定宽会让短标签（买入/收益互换等）右侧大片留白，并把隐藏的搜索输入框挤到下一行、撑出一截空白高度。
|
||
下方 span:first-child 120px 是单选 chosen 选中项的旧规则，与多选无关*/
|
||
|
||
.form-layout .chosen-choices > li > span:first-child, .searchdiv .chosen-choices .search-choice > span:first-child {
|
||
width: 120px;
|
||
}
|
||
|
||
.form-layout > div, .form-layout .form-group {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.form-buttons {
|
||
margin-top: unset;
|
||
padding-left: unset;
|
||
text-align: center;
|
||
}
|
||
|
||
.form-layout {
|
||
padding-top: 5px;
|
||
padding-bottom: unset;
|
||
}
|
||
|
||
/*区间追保结构区块：单元格里多个数字输入与文字并列，全局 input[type=text] 152px 会把单元格内容挤成两行；
|
||
64px 保证 100.00% 这类两位小数百分比完整显示且不换行*/
|
||
.spanBlk table input[type=text] {
|
||
width: 64px;
|
||
padding-left: 2px;
|
||
padding-right: 2px;
|
||
}
|
||
|
||
/*同区块表格单元格边距：bootstrap .table 默认 0.75rem，压缩使表格更紧凑；垂直居中使公式文字与输入框对齐*/
|
||
.spanBlk table th, .spanBlk table td {
|
||
padding: 2px 4px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
/*左栏基础信息列（tpl-base 标记在三个编辑页共用的左侧 col 上）：
|
||
控件统一 240px 宽、右缘对齐；多选 chosen 初始化取 select 宽度（SetAceDropDown），随之统一。
|
||
说明类 textarea 跟随列宽（减去 160px 标签 + 8px 间距 + 4px 余量）*/
|
||
.tpl-base {
|
||
/*左右两栏约 1:2：左栏基础信息收窄，右侧追保区间表格更宽。
|
||
不用 col-md-5/7：form-layout 自带 1rem 外边距，两栏 basis 相加已满 100% 会折行；
|
||
左栏定宽（不缩不放）+ 右栏 .col(flex:1) 吸收剩余宽度，无折行风险*/
|
||
flex: 0 0 34%;
|
||
max-width: 34%;
|
||
}
|
||
|
||
.tpl-base input.text-box,
|
||
.tpl-base select {
|
||
width: 240px;
|
||
}
|
||
|
||
.tpl-base textarea.text-box {
|
||
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：有选中项后由页面 JS 隐藏搜索框（见 marginTemplateV2*Edit.js 的 refreshChosenSearchField），
|
||
空态时搜索框独占控件全宽，负责展示"请选择…"占位*/
|
||
|
||
/*期限档位表操作列：delBtn 的 20px 左边距在 fixed 布局的窄列里会把"- 删除区块"挤成竖排*/
|
||
.border.detail td .delBtn {
|
||
margin-left: 0;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/*区块标题（新模板信息/选择模板规则/参数组N）：左色条 + 加粗，与表单正文分层*/
|
||
.border > p:first-child {
|
||
font-weight: bold;
|
||
border-left: 3px solid #e33333;
|
||
padding-left: 6px;
|
||
}
|
||
|
||
/*参数组区块外边界加深：区块内表格线是浅灰，外框同步太浅导致分组不明显*/
|
||
.spanBlk.border {
|
||
border-color: #9e9e9e !important;
|
||
}
|
||
|
||
/*期限档位区块表：固定布局让"标的资产类型"列吃剩余宽度，期限档位/操作按内容定宽，
|
||
避免两列均分 100% 时操作列被撑得过宽、与内容不成比例*/
|
||
.border.detail table {
|
||
table-layout: fixed;
|
||
}
|