hjhan
0e0a6d0962
- chosen 已选项去掉固定 130px 宽：短标签右侧留白、搜索框被挤到下一行撑高控件 - 左栏加 tpl-base 标识，input/select 统一 240px、说明 textarea 跟随列宽， 去掉三页面各写一个内联宽度（320/460px 混用）
114 lines
2.6 KiB
CSS
114 lines
2.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;
|
|
}
|
|
|
|
/*多选已选项宽度自适应：固定 130px 会让短标签（买入/收益互换等）右侧大片留白，
|
|
并把隐藏的搜索输入框挤到下一行，把整个控件撑出一截空白高度*/
|
|
|
|
.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 会把单元格内容挤成两行，调窄保证单行*/
|
|
.spanBlk table input[type=text] {
|
|
width: 50px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/*同区块表格单元格边距：bootstrap .table 默认 0.75rem，压缩使表格更紧凑*/
|
|
.spanBlk table th, .spanBlk table td {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
/*左栏基础信息列（tpl-base 标记在三个编辑页共用的左侧 col 上）：
|
|
控件统一 240px 宽、右缘对齐；多选 chosen 初始化取 select 宽度（SetAceDropDown），随之统一。
|
|
说明类 textarea 跟随列宽（减去 160px 标签 + 8px 间距 + 4px 余量）*/
|
|
.tpl-base input.text-box,
|
|
.tpl-base select {
|
|
width: 240px;
|
|
}
|
|
|
|
.tpl-base textarea.text-box {
|
|
width: calc(100% - 172px);
|
|
}
|