Table过滤列弹出面板样式调整
This commit is contained in:
izbz wh
parent
7a9d0929cb
commit
e54df0fd36
|
|
@ -71,13 +71,8 @@
|
|||
overflow: hidden; }
|
||||
.u-table-header {
|
||||
overflow: hidden;
|
||||
<<<<<<< HEAD
|
||||
background: rgb(223, 225, 230);
|
||||
color: rgb(102, 102, 102); }
|
||||
=======
|
||||
background: rgb(241, 242, 245);
|
||||
color: rgb(33, 33, 33); }
|
||||
>>>>>>> d22d3eedc74d2580946a0e615dff0a862b240889
|
||||
.u-table.fixed-height td {
|
||||
padding: 0px 8px; }
|
||||
.u-table-fixed-header .u-table-body {
|
||||
|
|
@ -201,13 +196,8 @@
|
|||
.u-table-thead .filter-wrap .filter-btns {
|
||||
min-width: 58px; }
|
||||
.u-table-thead th {
|
||||
<<<<<<< HEAD
|
||||
background: rgb(223, 225, 230);
|
||||
color: rgb(102, 102, 102);
|
||||
=======
|
||||
background: rgb(241, 242, 245);
|
||||
color: rgb(33, 33, 33);
|
||||
>>>>>>> d22d3eedc74d2580946a0e615dff0a862b240889
|
||||
background-clip: padding-box;
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
|
|
@ -286,36 +276,39 @@
|
|||
.u-table-thead-th:last-child-drag-gap {
|
||||
border: none; }
|
||||
.u-table-filter-column-pop-cont {
|
||||
margin: 10px;
|
||||
margin-top: 0px;
|
||||
height: 300px;
|
||||
margin: 0px;
|
||||
max-height: 300px;
|
||||
overflow-y: scroll; }
|
||||
.u-table-filter-column-clear-setting {
|
||||
border-bottom: 1px solid #ccc;
|
||||
cursor: pointer; }
|
||||
margin-bottom: 4px; }
|
||||
.u-table-filter-column-cont {
|
||||
position: relative; }
|
||||
.u-table-filter-column-filter-icon {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
top: 8px;
|
||||
right: 18px;
|
||||
width: 22px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
z-index: 2;
|
||||
background: rgb(241, 242, 245); }
|
||||
.u-table-filter-column-filter-iconi.uf {
|
||||
background: rgb(241, 242, 245);
|
||||
text-align: center;
|
||||
cursor: pointer; }
|
||||
.u-table-filter-column-filter-icon i.uf {
|
||||
padding: 0px; }
|
||||
.u-table-filter-column-pop-cont-item {
|
||||
margin-top: 10px;
|
||||
line-height: 30px;
|
||||
margin-top: 8px;
|
||||
cursor: pointer; }
|
||||
.u-table-filter-column-pop-cont-item .u-checkbox {
|
||||
margin: 0px; }
|
||||
.u-table-filter-column-pop-cont-item > span {
|
||||
margin-left: 5px;
|
||||
width: 100px;
|
||||
margin-left: -3px;
|
||||
width: 132px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
.u-table-filter-column-pop .u-modal-dialog {
|
||||
border: 1px solid #ccc;
|
||||
background: #fff; }
|
||||
|
|
|
|||
|
|
@ -1125,7 +1125,7 @@ var Table = function (_Component) {
|
|||
columns = _props7.columns,
|
||||
heightConsistent = _props7.heightConsistent;
|
||||
|
||||
var headRows = this.refs.headTable ? this.refs.headTable.querySelectorAll('thead') : this.refs.bodyTable.querySelectorAll('thead');
|
||||
var headRows = this.refs.headTable ? this.refs.headTable.querySelectorAll('thead') : this.refs.headTable.querySelectorAll('thead');
|
||||
var bodyRows = this.refs.bodyTable.querySelectorAll('.' + clsPrefix + '-row') || [];
|
||||
var leftBodyRows = this.refs.fixedColumnsBodyLeft && this.refs.fixedColumnsBodyLeft.querySelectorAll('.' + clsPrefix + '-row') || [];
|
||||
var rightBodyRows = this.refs.fixedColumnsBodyRight && this.refs.fixedColumnsBodyRight.querySelectorAll('.' + clsPrefix + '-row') || [];
|
||||
|
|
|
|||
|
|
@ -71,8 +71,8 @@
|
|||
overflow: hidden; }
|
||||
.u-table-header {
|
||||
overflow: hidden;
|
||||
background: rgb(223, 225, 230);
|
||||
color: rgb(102, 102, 102); }
|
||||
background: rgb(241, 242, 245);
|
||||
color: rgb(33, 33, 33); }
|
||||
.u-table.fixed-height td {
|
||||
padding: 0px 8px; }
|
||||
.u-table-fixed-header .u-table-body {
|
||||
|
|
@ -202,8 +202,8 @@
|
|||
.u-table-thead .filter-wrap .filter-btns {
|
||||
min-width: 58px; }
|
||||
.u-table-thead th {
|
||||
background: rgb(223, 225, 230);
|
||||
color: rgb(102, 102, 102);
|
||||
background: rgb(241, 242, 245);
|
||||
color: rgb(33, 33, 33);
|
||||
background-clip: padding-box;
|
||||
-moz-user-select: -moz-none;
|
||||
-webkit-user-select: none;
|
||||
|
|
@ -280,7 +280,8 @@
|
|||
.u-table-filter-column-pop-cont {
|
||||
margin: 0px;
|
||||
max-height: 300px;
|
||||
overflow-y: scroll; }
|
||||
overflow-y: scroll;
|
||||
color: #212121; }
|
||||
.u-table-filter-column-clear-setting {
|
||||
margin-bottom: 4px; }
|
||||
.u-table-filter-column-cont {
|
||||
|
|
@ -293,7 +294,7 @@
|
|||
height: 25px;
|
||||
line-height: 25px;
|
||||
z-index: 2;
|
||||
background: rgb(223, 225, 230);
|
||||
background: rgb(241, 242, 245);
|
||||
text-align: center;
|
||||
cursor: pointer; }
|
||||
.u-table-filter-column-filter-icon i.uf {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -473,6 +473,7 @@ $checkbox-height:16px;
|
|||
margin: 0px;
|
||||
max-height: 300px;
|
||||
overflow-y: scroll;
|
||||
color:#212121;
|
||||
}
|
||||
&-clear-setting{
|
||||
// border-bottom: 1px solid #ccc;
|
||||
|
|
|
|||
Loading…
Reference in New Issue