| 1 |
:root{--pp-background-color: #fff;--pp-header-background-color: #ddd;--pp-border-color: #aaa;--pp-row-border-color: #dcdcdc;--pp-hover-color: #eee;--pp-border-radius: 4px}.pp-vqb-component{display:grid;grid-template-rows:auto auto;height:calc(50vh + 3px);overflow:hidden;width:100%;background-color:var(--pp-background-color);position:relative;box-sizing:border-box;border:1px solid var(--pp-border-color);border-radius:var(--pp-border-radius)}.pp-vqb-button{position:absolute;top:0;left:0;overflow:hidden;height:inherit;border-bottom-left-radius:0;border-bottom-right-radius:8px;z-index:9}.pp-vqb-button button{border-radius:var(--pp-border-radius) 0 8px 0!important}.pp-vqb-table-list{padding:0!important;border-top-left-radius:0!important;border-bottom-left-radius:var(--pp-border-radius)!important;border-right:1px solid var(--pp-border-color);box-sizing:border-box;max-height:100%;overflow:auto}.pp-vqb-table-list .pp-vqb-table-item{padding:8px}.pp-vqb-table-list .pp-vqb-table-item:hover{background-color:var(--pp-hover-color);cursor:pointer}.pp-vqb-query{position:relative;background-color:var(--pp-background-color);margin:0;padding:0;overflow:auto;min-height:15vh;max-height:35vh;height:35vh;resize:vertical;border-bottom:1px solid var(--pp-border-color)}.pp-vqb-svg{display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0}.pp-vqb-svg line,.pp-vqb-svg circle{stroke:#000;stroke-width:1;pointer-events:auto}.pp-vqb-svg circle:hover{cursor:pointer}.pp-vqb-table{position:absolute;z-index:7;border:1px solid var(--pp-border-color);margin:0!important;padding:0!important;border-radius:4px!important;background-color:var(--pp-background-color)}.pp-vqb-table-header{background-color:var(--pp-header-background-color);border-bottom:1px solid var(--pp-border-color);border-radius:var(--pp-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:6px;font-size:14px;font-weight:700;display:grid;grid-template-columns:1fr auto;align-items:center}.pp-vqb-table-header-draggable{cursor:move}.pp-vqb-table-header .pp-vqb-table-close{padding:0!important}.pp-vqb-table-body{padding:0}.pp-vqb-table-body table tr:hover{background-color:var(--pp-hover-color)}.pp-vqb-table-body table td{padding:2px 12px 2px 0;vertical-align:middle;border-bottom:1px solid var(--pp-row-border-color)}.pp-vqb-table-body table td:first-of-type,.pp-vqb-table-body table td:last-of-type{padding:0}.pp-vqb-table-body table td:first-of-type{padding-left:4px}.pp-vqb-table-body table td:last-of-type{padding-right:4px}.pp-vqb-table-body table td:first-of-type input[type=checkbox]{margin-left:0}.pp-vqb-table-body table td div{display:flex;justify-content:center;align-items:center;height:100%}.pp-vqb-table-body table td.pp-vqb-checkbox .MuiCheckbox-root{padding:0 2px 0 0!important}.pp-vqb-table-body table td.pp-vqb-title div{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:2px}.pp-vqb-table-body table td.pp-vqb-title div button{padding:0!important}.pp-vqb-table-body table td.pp-vqb-checkbox .MuiSvgIcon-root{font-size:18px}.pp-vqb-component .pp-visual-selection-container{min-height:15vh;max-height:35vh;display:flex;flex-direction:row;background-color:var(--pp-background-color);overflow:hidden}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection{resize:horizontal;min-width:35%;width:50%}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection.pp-visual-filter{resize:unset}.pp-vqb-component .pp-visual-selection-container .pp-visual-filter{border-left:1px solid var(--pp-border-color);min-width:35%;flex-grow:1;width:50%}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection thead tr{border-bottom:1px solid var(--pp-border-color)}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection th{font-weight:700;background-color:var(--pp-header-background-color);border-bottom:1px solid var(--pp-border-color)}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection th,.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td{padding:2px;line-height:30px}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td{border-bottom:1px solid var(--pp-row-border-color)}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection tr:hover{background-color:var(--pp-hover-color)}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection th div.pp-flex,.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td div.pp-flex{display:flex;justify-content:center;align-items:center;height:inherit}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td div.pp-flex .MuiCheckbox-root{padding:0!important}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection th.pp-small,.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td.pp-small{width:20px;text-align:center}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection td .MuiSvgIcon-root{font-size:18px}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection .pp-checkbox>span{padding:0!important}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection .pp-select{display:flex;justify-content:center;align-items:center;height:inherit}.pp-vqb-component .pp-visual-selection-container .pp-visual-selection .pp-select>div,.pp-vqb-component .pp-visual-selection-container .pp-visual-selection .pp-select>input{padding:0 8px;font-size:14px}.pp-vqb-component .pp-visual-selection-container .pp-visual-filter .pp-visual-filter-layout{display:flex;flex-direction:column;gap:5px;padding:5px;overflow-y:auto}.pp-vqb-component .pp-visual-selection-container .pp-visual-filter .pp-visual-filter-group-header,.pp-vqb-component .pp-visual-selection-container .pp-visual-filter .pp-visual-filter-group-footer{text-align:center}.pp-vqb-component .pp-visual-selection-container .pp-visual-filter .pp-visual-filter-group{display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid var(--pp-row-border-color);border-radius:var(--pp-border-radius);background-color:#efefef}.pp-vqb-component .pp-visual-selection-container .pp-visual-filter .pp-visual-filter-filter{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:5px}.pp-vqb-component.pp-vqb-component-fs{position:fixed!important;top:0!important;left:0!important;height:calc(100vh - 100px)!important;width:calc(100vw - 100px)!important;background-color:#fff!important;z-index:999999!important;margin:50px!important;border-radius:8px!important;box-shadow:0 10px 16px #0003,0 3px 10px #00000030}.pp-vqb-component.pp-vqb-component-fs .pp-vqb-query{min-height:25vh;max-height:75vh;height:75vh}.pp-vqb-component.pp-vqb-component-fs .pp-visual-selection-container{min-height:calc(25vh - 50px);max-height:calc(75vh - 50px);height:auto} |
