1 line
22 KiB
CSS
1 line
22 KiB
CSS
:root{--hover-bg-color: lightyellow;--header-border-color: #edebe9;--header-bg-color: #fafafa;--header-color: #000;--cell-color: #333;--cell-border-color: #f0f0f0;--dark-border-color: #666;--split-border-color: #b3b3b3;--dragger-bg-color: #fff;--row-bg-color: #fff;--row-hover-bg-color: #fafafa;--row-selected-bg-color: #e6f2fb;--text-disabled-color: gray;--total-split-color: #e0e0e0;--total-border-color: #ccc;--total-bg-color: #aaa;--cell-link-color: #0000ff;--loading-bg-color: hsla(0, 0%, 100%, .4);--loading-fore-color: rgba(0, 0, 0, .2);--font-size: .8125rem;--font-family: "Franklin Gothic Book", "San Francisco", "Segoe UI", "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei UI", sans-serif;--line-height: 40px;--cell-line-height: 1.8em;--text-indent: 2px;--header-line-height: 36px;--total-line-height: 1.8em;--loading-transition: visibility 0s linear .12s, opacity .12s ease;--loading-size: 80px;--loading-border-radius: 20px;--arrow-size: 4px;--filter-top: 20%;--filter-width: 10px;--filtered-width: 14px;--filtered-right: 12px;--filtered-arrow-size: 12px;--split-width: 8px;--dragger-size: 20px;--dragger-opacity: 0.4;--dragger-cursor-size: 4px;--dragger-cursor-opacity: 0.6;--header-padding: 4px 12px 4px 8px;--header-filtered-padding-right: 28px;--spacing-s: 4px;--spacing-cell: 5px 4px 5px 8px;--spacing-header: 27px;--cell-button-padding: 6px 10px;--cell-button-color: #0078d4;--cell-button-border-bottom: 1px solid lightgray;--group-padding-left: 6px;--group-line-height: 22px;--group-icon-size: 24px;--group-icon-hover-color: #ccc;--ml-icon-size: 14px;--ml-icon-right: 4px;--ml-icon-margin-top: -8px}.data-grid-fixed{position:absolute;top:0;border-bottom:none}.data-grid-fixed .data-grid-body{overflow:hidden}.data-grid{position:relative;box-sizing:border-box}.data-grid:focus{outline:none}.data-grid,.data-grid input[type=text]{font-size:var(--font-size);font-family:var(--font-family)}.data-grid .data-grid-size-holder{position:absolute;white-space:nowrap;font-weight:bold;visibility:hidden}.data-grid .data-grid-hover-holder{box-sizing:border-box;position:absolute;min-height:var(--line-height);line-height:var(--cell-line-height);padding:var(--spacing-cell);background-color:var(--hover-bg-color);border:none;white-space:pre;display:flex;align-items:center}.data-grid .data-grid-table-header,.data-grid .data-grid-table-total,.data-grid .data-grid-table-total-row{width:100%;min-width:100%;margin:0;border:none;border-collapse:collapse;border-spacing:0;table-layout:fixed;position:relative}.data-grid .data-grid-table-header{table-layout:auto}.data-grid .data-grid-table-header th div{line-height:var(--header-line-height);min-height:var(--line-height)}.data-grid .data-grid-table-header th,.data-grid .data-grid-table-total th{padding:0;margin:0;word-wrap:break-word;white-space:normal}.data-grid .data-grid-table-total{width:auto;min-width:100%;float:left}.data-grid .data-grid-table-total th{font-weight:bold}.data-grid .data-grid-table-total-row>tr{line-height:var(--total-line-height)}.data-grid,.data-grid .data-grid-header{overflow:hidden}.data-grid .data-grid-header{border-bottom:1px solid var(--header-border-color);background-color:var(--header-bg-color);color:var(--header-color);-moz-user-select:none;user-select:none;-webkit-user-select:none;height:var(--header-line-height);white-space:nowrap}.data-grid .data-grid-header .data-column-header{font-weight:bold;position:relative;padding:0}.data-grid .data-grid-header .data-column-header-text{padding:var(--header-padding);box-sizing:border-box}.data-grid .data-grid-header .data-column-sub-header-text{height:100%;float:left;padding:var(--spacing-s);box-sizing:border-box;text-align:center}.data-grid .data-grid-header .arrow{width:0;height:0;top:50%;margin-top:calc(0px - var(--arrow-size)/2);right:calc(var(--arrow-size)/2);position:absolute}.data-grid .data-grid-header .arrow.asc{border-bottom:var(--arrow-size) solid var(--dark-border-color)}.data-grid .data-grid-header .arrow.desc{border-top:var(--arrow-size) solid var(--dark-border-color)}.data-grid .data-grid-header .arrow.asc,.data-grid .data-grid-header .arrow.desc{border-left:var(--arrow-size) solid rgba(0,0,0,0);border-right:var(--arrow-size) solid rgba(0,0,0,0)}.data-grid .data-grid-header .data-column-header-filter{position:absolute;top:var(--filter-top);right:0;height:100%;width:var(--filter-width)}.data-grid .data-grid-header .data-column-header-filter.filtered .no-filter,.data-grid .data-grid-header .data-column-header-filter.no-filter .filtered{display:none}.data-grid .data-grid-header .data-column-header-has-filter .data-column-header-filter{top:0;right:var(--filtered-right);width:var(--filtered-width)}.data-grid .data-grid-header .data-column-header-has-filter .data-column-header-filter .arrow{width:var(--filtered-arrow-size);height:100%;margin-top:0;top:0;border:none}.data-grid .data-grid-header .data-column-header-has-filter .data-column-header-text{padding-right:var(--header-filtered-padding-right)}.data-grid .data-grid-header .data-column-header-split{position:absolute;height:100%;top:0;right:calc(0px - var(--split-width)/2);width:var(--split-width);cursor:ew-resize}.data-grid .data-grid-header .data-column-header-split>div{height:100%;width:1px;margin:0 auto}.data-grid .data-grid-header:hover .data-column-header-split>div{background-color:var(--split-border-color)}.data-grid .data-grid-header .data-column-header-dragger{position:absolute;left:0;top:0;min-width:var(--dragger-size);height:100%;background-color:var(--dragger-bg-color);opacity:var(--dragger-opacity)}.data-grid .data-grid-header .data-column-header-dragger-cursor{position:absolute;top:0;height:100%;border:1px solid;box-sizing:border-box;margin-left:0;opacity:var(--dragger-cursor-opacity)}.data-grid .data-grid-header .data-column-header-dragger-cursor .dragger-cursor-top{top:calc(0px - var(--dragger-cursor-size));border-top:var(--dragger-cursor-size) solid}.data-grid .data-grid-header .data-column-header-dragger-cursor .dragger-cursor-bottom{bottom:calc(0px - var(--dragger-cursor-size));border-bottom:var(--dragger-cursor-size) solid}.data-grid .data-grid-header .data-column-header-dragger-cursor .dragger-cursor-top,.data-grid .data-grid-header .data-column-header-dragger-cursor .dragger-cursor-bottom{position:absolute;left:calc(0px - var(--dragger-cursor-size));border-left:var(--dragger-cursor-size) solid rgba(0,0,0,0);border-right:var(--dragger-cursor-size) solid rgba(0,0,0,0)}.data-grid .data-grid-body{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;top:var(--spacing-header);bottom:0;color:var(--cell-color)}.data-grid .data-grid-body::-webkit-scrollbar{width:8px;height:8px}.data-grid .data-grid-body::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.data-grid .data-grid-body .data-grid-body-content{position:absolute;min-width:100%;table-layout:fixed;border-collapse:collapse}.data-grid .data-grid-body.data-grid-even-style .data-grid-row:hover,.data-grid .data-grid-body.data-grid-odd-style .data-grid-row:hover{background-color:var(--row-hover-bg-color)}.data-grid .data-grid-body.data-grid-even-style .data-grid-row.data-grid-row-selected,.data-grid .data-grid-body.data-grid-odd-style .data-grid-row.data-grid-row-selected{background-color:var(--row-selected-bg-color)}.data-grid .data-grid-body .data-grid-row{height:var(--line-height);line-height:var(--cell-line-height);white-space:nowrap}.data-grid .data-grid-body .data-grid-row:nth-child(2n){background-color:rgba(0,0,0,0)}.data-grid .data-grid-body .data-grid-row>td{padding:0}.data-grid .data-grid-body .data-grid-row>td.selected{box-sizing:border-box;margin-right:1px;min-height:calc(var(--line-height) - 2px)}.data-grid .data-grid-body .data-grid-row>td>span,.data-grid .data-grid-body .data-grid-row>td>content>span,.data-grid .data-grid-body .data-grid-row>td>a{padding:var(--spacing-cell);display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.data-grid .data-grid-body .data-grid-row>td>span .fa-button,.data-grid .data-grid-body .data-grid-row>td>content>span .fa-button,.data-grid .data-grid-body .data-grid-row>td>a .fa-button{cursor:pointer;padding:var(--cell-button-padding)}.data-grid .data-grid-body .data-grid-row>td>span .fa-button:hover,.data-grid .data-grid-body .data-grid-row>td>content>span .fa-button:hover,.data-grid .data-grid-body .data-grid-row>td>a .fa-button:hover{color:var(--cell-button-color);border-bottom:var(--cell-button-border-bottom)}.data-grid .data-grid-body .data-grid-row>td input[type=text]:disabled{color:var(--text-disabled-color)}.data-grid .data-grid-body .data-grid-row .fi-input-wrapper{padding:0;position:relative;width:100%;line-height:var(--line-height)}.data-grid .data-grid-body .data-grid-row .fi-input-wrapper .fi-multilangs{position:absolute;height:var(--ml-icon-size);top:50%;right:var(--ml-icon-right);margin-top:var(--ml-icon-margin-top);font-size:var(--ml-icon-size);font-weight:normal;cursor:pointer}.data-grid .data-grid-body .data-grid-row .fi-input-wrapper .fi-multilangs:before{content:""}.data-grid .data-grid-body .data-grid-row .data-select>select{text-indent:0}.data-grid .data-grid-body .data-grid-row .data-select .data-select-inputwrapper{right:15px}.data-grid .data-grid-body .data-grid-row .data-select .data-select-inputwrapper .data-select-input{border-radius:0}.data-grid .data-grid-body .data-grid-row .data-select>select,.data-grid .data-grid-body .data-grid-row .fi-input-wrapper>input[type=text]{text-indent:var(--text-indent);vertical-align:top;border:none;height:var(--line-height);width:100%;box-sizing:border-box;outline:none}.data-grid .data-grid-body .data-grid-row .link-class{color:var(--cell-link-color);cursor:pointer;text-decoration:underline}.data-grid .data-grid-body .data-grid-row .data-grid-column-total{background-color:var(--total-bg-color)}.data-grid .data-grid-body .data-grid-row,.data-grid .data-grid-body .data-grid-group-header{background-color:var(--row-bg-color);border-bottom:1px solid var(--cell-border-color);min-width:100%}.data-grid .data-grid-body .data-grid-group-header>td{padding-left:var(--group-padding-left);line-height:var(--group-line-height)}.data-grid .data-grid-body .data-grid-group-header .fa{width:100%;text-align:center;cursor:pointer;height:var(--group-icon-size);line-height:var(--group-icon-size)}.data-grid .data-grid-body .data-grid-group-header .fa:hover{color:var(--group-icon-hover-color)}.data-grid .data-grid-body .data-grid-group-header .fa.fa-expand:before{content:""}.data-grid .data-grid-body .data-grid-group-header .fa.fa-collapse:before{content:""}.data-grid .data-grid-body .data-grid-row-total-spacing{background-color:rgba(0,0,0,0) !important;border-bottom:none}.data-grid .data-grid-body .data-grid-row-total-spacing:hover{background-color:rgba(0,0,0,0)}.data-grid .data-grid-total{position:absolute;overflow:hidden;bottom:0;right:0;left:0;background-color:var(--total-bg-color)}.data-grid .data-grid-total-body{position:absolute}.data-grid .data-grid-total-row{line-height:var(--total-line-height);white-space:nowrap}.data-grid .data-grid-total-row>td{padding:0}.data-grid .data-grid-total-row>td>span{margin:var(--spacing-cell);display:inline-block;white-space:pre}.data-grid .data-grid-total-row>td,.data-grid .data-grid-total-row>div{overflow:hidden;text-overflow:ellipsis}.data-grid .data-grid-total-row>div{padding:var(--spacing-s) var(--spacing-s) calc(var(--spacing-s) - 1px) var(--spacing-s);box-sizing:border-box;line-height:var(--total-line-height)}.data-grid .data-grid-loading{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:var(--loading-transition);background-color:var(--loading-bg-color)}.data-grid .data-grid-loading>div{width:var(--loading-size);height:var(--loading-size);border-radius:var(--loading-border-radius);background-color:var(--loading-fore-color);position:absolute;margin-left:calc(50% - var(--loading-size)/2);margin-top:var(--loading-size);display:flex;align-content:center;justify-content:center;align-items:center}.data-grid .data-grid-loading>div>.fa-loading{display:inline-block;width:calc(var(--loading-size)/2);height:calc(var(--loading-size)/2);padding:0}:root{--shadow-style1: 0 3px 6px -4px rgba(0, 0, 0, .12);--shadow-style2: 0 6px 16px 0 rgba(0, 0, 0, .08);--shadow-style3: 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-transition-transform: transform .12s ease;--shadow-transition-opacity: opacity .24s ease;--filter-bg-color: #fff;--filter-fore-color: #323130;--filter-panel-width: 200px;--filter-panel-height: 300px;--filter-items-height: 210px;--filter-items-margin: 7px 10px 8px 10px;--filter-item-line-height: 26px;--filter-item-padding: 0 4px;--filter-item-hover-bg-color: #f3f2f1;--filter-item-font-size: .75rem;--filter-item-label-padding: 0 8px;--filter-search-width: 180px;--filter-search-height: 26px;--filter-search-margin: 10px 10px 0 10px;--filter-search-padding: 0 4px 0 24px;--filter-search-transition: all .3s;--filter-search-border: 1px solid #767676;--filter-search-border-radius: 3px;--filter-search-icon-size: 14px;--filter-search-icon-left: 16px;--filter-search-icon-top: 5px;--filter-button-margin: 10px;--filter-button-padding: 0 12px;--filter-button-min-width: 60px;--filter-button-height: 30px;--filter-button-hover-bg-color: #f3f2f1}.data-column-header-filter-bg{position:fixed;top:0;right:0;bottom:0;left:0}.data-column-header-filter-panel{position:absolute;width:var(--filter-panel-width);height:var(--filter-panel-height);box-shadow:var(--shadow-style1),var(--shadow-style2),var(--shadow-style3);transition:var(--shadow-transition-transform),var(--shadow-transition-opacity);background-color:var(--filter-bg-color);margin:1px 0 0 1px;transform:scaleY(0);transform-origin:top;opacity:0}.data-column-header-filter-panel.active{transform:scaleY(1);opacity:1}.data-column-header-filter-panel .data-filter-items-holder{height:var(--filter-items-height);margin:var(--filter-items-margin);overflow-y:auto;overflow-x:hidden;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none}.data-column-header-filter-panel .data-filter-items-holder::-webkit-scrollbar{width:8px;height:8px}.data-column-header-filter-panel .data-filter-items-holder::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-contentholder{position:absolute;width:100%}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--filter-item-line-height);line-height:var(--filter-item-line-height);box-sizing:border-box;padding:var(--filter-item-padding)}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item:hover{background-color:var(--filter-item-hover-bg-color)}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item>label>span{color:var(--filter-fore-color);font-size:var(--filter-item-font-size);padding:var(--filter-item-label-padding);cursor:pointer}.data-column-header-filter-panel .data-filter-search-holder{position:relative}.data-column-header-filter-panel .data-filter-search-holder .data-filter-search-box{box-sizing:border-box;height:var(--filter-search-height);width:var(--filter-search-width);margin:var(--filter-search-margin);padding:var(--filter-search-padding);transition:var(--filter-search-transition);outline:none;border:var(--filter-search-border);border-radius:var(--filter-search-border-radius);color:var(--filter-fore-color)}.data-column-header-filter-panel .data-filter-search-holder .data-filter-search-icon{position:absolute;top:var(--filter-search-icon-top);left:var(--filter-search-icon-left);width:var(--filter-search-icon-size);height:100%;cursor:text}.data-column-header-filter-panel .data-filter-items-function::after{content:"";display:block;clear:both}.data-column-header-filter-panel .data-filter-items-function>input[type=button]{float:right;box-sizing:border-box;margin-right:var(--filter-button-margin);min-width:var(--filter-button-min-width);height:var(--filter-button-height);outline:none;padding:var(--filter-button-padding);background-color:rgba(0,0,0,0);border:none;cursor:pointer}.data-column-header-filter-panel .data-filter-items-function>input[type=button]:hover{background-color:var(--filter-button-hover-bg-color)}.data-grid .data-grid-header .data-column-header-text .check-box-inner{position:relative;display:inline-block;margin-top:2px;padding:0;width:16px;height:16px;background-color:#fff;border:1px solid #999898;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-radius:2px;transition:all .2s;cursor:pointer}.data-grid .data-grid-header .data-column-header-text .check-box-inner>svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fff;transform:scale(0);opacity:0;transition:all .08s cubic-bezier(0.78, 0.14, 0.15, 0.86)}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]{display:none}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]:checked+.check-box-inner{border-color:#1890ff;background-color:#1890ff}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]:checked+.check-box-inner>svg{transform:scale(1);opacity:1}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]:disabled+.check-box-inner{border-color:#d9d9d9;cursor:default}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]:disabled:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-grid .data-grid-header .data-column-header-text label>input[type=checkbox]:disabled~span{color:#d9d9d9;cursor:default}.data-grid .data-grid-header .data-column-header-text label.disabled .check-box-inner{border-color:#d9d9d9;cursor:default}.data-grid .data-grid-header .data-column-header-text label.disabled>input:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-grid .data-grid-header .data-column-header-text label.disabled>span{color:#d9d9d9;cursor:default}.data-grid .data-grid-body .data-grid-row>td .check-box-inner{position:relative;display:inline-block;margin-top:2px;padding:0;width:16px;height:16px;background-color:#fff;border:1px solid #999898;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-radius:2px;transition:all .2s;cursor:pointer}.data-grid .data-grid-body .data-grid-row>td .check-box-inner>svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fff;transform:scale(0);opacity:0;transition:all .08s cubic-bezier(0.78, 0.14, 0.15, 0.86)}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]{display:none}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]:checked+.check-box-inner{border-color:#1890ff;background-color:#1890ff}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]:checked+.check-box-inner>svg{transform:scale(1);opacity:1}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]:disabled+.check-box-inner{border-color:#d9d9d9;cursor:default}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]:disabled:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-grid .data-grid-body .data-grid-row>td label>input[type=checkbox]:disabled~span{color:#d9d9d9;cursor:default}.data-grid .data-grid-body .data-grid-row>td label.disabled .check-box-inner{border-color:#d9d9d9;cursor:default}.data-grid .data-grid-body .data-grid-row>td label.disabled>input:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-grid .data-grid-body .data-grid-row>td label.disabled>span{color:#d9d9d9;cursor:default}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item .check-box-inner{position:relative;display:inline-block;margin-top:2px;padding:0;width:16px;height:16px;background-color:#fff;border:1px solid #999898;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-radius:2px;transition:all .2s;cursor:pointer}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item .check-box-inner>svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fff;transform:scale(0);opacity:0;transition:all .08s cubic-bezier(0.78, 0.14, 0.15, 0.86)}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]{display:none}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]:checked+.check-box-inner{border-color:#1890ff;background-color:#1890ff}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]:checked+.check-box-inner>svg{transform:scale(1);opacity:1}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]:disabled+.check-box-inner{border-color:#d9d9d9;cursor:default}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]:disabled:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label>input[type=checkbox]:disabled~span{color:#d9d9d9;cursor:default}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label.disabled .check-box-inner{border-color:#d9d9d9;cursor:default}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label.disabled>input:checked+.check-box-inner{border-color:#d9d9d9;background-color:#d9d9d9}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item label.disabled>span{color:#d9d9d9;cursor:default}.data-column-header-filter-panel .data-filter-items-holder .data-filter-items-item .check-box-inner{margin-top:-1px;vertical-align:middle} |