metatable-react/dist/style.css

Library for creating table interfaces based on metaprogramming concepts

.sort-cell{display:flex;align-items:center}.sort-cell .sort-cell__value{margin-right:5px}.sort-cell .sort-cell__button{cursor:pointer}.sort-cell .sort-cell__button{height:15px;width:15px}.filter-enum .filter-enum__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;overflow:auto;max-height:400px}.filter-cell{position:relative}.filter-cell .filter-cell__body{position:absolute;z-index:1}.filter-cell .filter-cell__header{list-style:none}.filter-cell .filter-cell__content::-webkit-details-marker{display:none}.filter-cell .filter-cell__content{display:flex;align-items:center}.filter-cell .filter-cell__button{cursor:pointer}.filter-cell .filter-cell__value{margin-right:5px}.filter-cell .filter-cell__button{width:15px;height:15px}.filter-dialog{background-color:#fff;box-shadow:0 0 10px #0000001f;padding:10px}.filter-dialog__body{margin-bottom:10px}.filter-enum__label{margin-bottom:5px;word-break:break-word}.filter-dialog__footer-action:first-child{margin-right:30px}.filter-dialog__footer{display:flex}.meta-table-wrapper{overflow-x:auto}.meta-table{border-collapse:separate;border-spacing:0}.meta-table__header-cell{padding:15px;background:#fcfbfd;border:1px solid #e6e7e8;-webkit-user-select:none;user-select:none}.meta-table__body-cell{padding:10px 5px;border:1px solid #e6e7e8;border-top-width:0;cursor:default}.meta-table__body-cell-expand-toggle{cursor:pointer}.meta-table__body-cell-expand-toggle .meta-table__cell-content-wrapper{display:flex;align-items:center;justify-content:center}.meta-table__row:hover .meta-table__body-cell{background-color:#fcfbfd}.meta-table__row:first-child .meta-table__header-cell:first-child{border-top-left-radius:6px}.meta-table__row:first-child .meta-table__header-cell:last-child{border-top-right-radius:6px}.meta-table__row:last-child .meta-table__body-cell:first-child{border-bottom-left-radius:6px}.meta-table__row:last-child .meta-table__body-cell:last-child{border-bottom-right-radius:6px}.meta-table-wrapper .pagination__items{padding:0;margin:0;list-style:none;display:flex}.meta-table-wrapper .pagination{display:flex;margin-top:10px}.meta-table-wrapper .pagination .pagination__item,.meta-table-wrapper .pagination__page-size-selector .menu__title{padding:5px;min-width:15px;height:15px;flex-shrink:0;margin-right:10px;text-align:center;border:1px solid #e6e7e8;cursor:pointer}.meta-table-wrapper .pagination .pagination__item--active{background:#fcfbfd;font-weight:700}.meta-table-wrapper .pagination .pagination__item:last-child{margin-right:0}.meta-table-wrapper .menu{position:relative}.meta-table-wrapper .menu__items{margin:0;position:absolute;background-color:#fff;box-shadow:0 0 10px #0000001f;padding:10px;list-style:none}.meta-table-wrapper .menu__item{cursor:pointer;margin-bottom:5px}.meta-table-wrapper .menu__item:hover{font-weight:700}.meta-table-wrapper .menu__title{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none}.meta-table-wrapper .menu__title-text{padding:0 3px}