fastlion-amis
Version:
一种MIS页面生成工具
106 lines (105 loc) • 3.27 kB
CSS
@charset "UTF-8";
.lion-table-common-thead {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
border: 0;
color: #606266;
font-weight: 600;
}
.lion-table-common-thead thead.lion-table-header-thead tr {
height: 40px;
background-color: #fff ;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.lion-table-common-thead thead.lion-table-header-thead tr {
height: 25px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.lion-table-common-thead thead.lion-table-header-thead tr {
height: 30px;
}
}
.lion-table-common-thead thead.lion-table-header-thead tr th.thead-th--column {
white-space: pre-line;
word-break: break-all;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
padding: 3px 0 ;
text-align: left;
background-image: linear-gradient(#e8eaec, #e8eaec);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 100% 100%;
background-color: inherit;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.lion-table-common-thead thead.lion-table-header-thead tr th.thead-th--column {
padding: 0 ;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.lion-table-common-thead thead.lion-table-header-thead tr th.thead-th--column {
padding: 0 ;
}
}
.lion-table-common-thead thead.lion-table-header-thead tr th.thead-th--column .thead-th--cell {
box-sizing: border-box;
display: block;
white-space: nowrap;
/*控制单行显示*/
overflow: hidden;
/*超出隐藏*/
text-overflow: ellipsis;
/*隐藏的字符用省略号表示*/
word-break: break-all;
padding-left: 5px;
padding-right: 5px;
}
.lion-table-common-thead thead.lion-table-header-thead tr th.thead-th--column:last-child {
border-right: 0;
}
.lion-table-common-thead thead.lion-table-header-thead tr .checkbox {
background-image: linear-gradient(#e8eaec, #e8eaec);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 100% 100%;
}
.lion-table-common-thead thead.lion-table-header-thead tr .lion-table-cell-btn .ant-popover-inner-content {
display: flex;
flex-direction: column;
border-radius: 4px;
padding: 6px 8px;
}
.lion-table-common-thead thead.lion-table-header-thead tr .lion-table-cell-btn .ant-popover-inner-content > button :hover {
background: #ebf3ff ;
color: #5b9bfc ;
}
.lion-table-common-thead thead.lion-table-header-thead .lion-cell--fix--left {
position: sticky;
left: 0;
z-index: 2;
}
.lion-table-common-thead thead.lion-table-header-thead .lion-cell--fix--right {
position: sticky;
right: 0;
z-index: 2;
}
.lion-table-common-thead thead.lion-table-header-thead .lion-cell--fix--right .lion-cell--fix--right--cell {
display: inline-block;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
.lion-table-common-thead thead.lion-table-header-thead .fix-left-shadow {
box-shadow: 4px 3px 4px 0 rgba(0, 0, 0, 0.12);
}
.lion-table-common-thead thead.lion-table-header-thead .fix-right-shadow {
box-shadow: -4px 3px 4px 0 rgba(0, 0, 0, 0.12);
}
/*# sourceMappingURL=index.css.map */