@angular-generic-table/column-settings
Version:
angular-generic-table extension that makes it easy to toggle column visibility and reoder columns.
2 lines • 1.4 kB
CSS
.gt-column-settings{position:relative}.gt-column-settings .gt-overlay{content:'';display:block;width:100%;height:100%;background:#fff;position:absolute;top:0;opacity:.5;z-index:3}.gt-column-settings-panel{position:absolute;width:100%}.gt-column-settings-panel .gt-column-settings-header{position:relative;z-index:4;overflow:auto}.gt-column-settings-panel .gt-column-settings-item-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;position:relative;z-index:4;width:100%;min-height:90px;overflow-x:auto}.gt-column-settings-item span{cursor:move}.gt-column-settings-item:hover span{cursor:pointer}.gt-column-settings-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.gu-mirror{position:fixed;margin:0;z-index:9999;opacity:.8}.gu-hide{display:none}.gu-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gu-transit{opacity:.2}@media (max-width:576px){.gt-column-settings-item-wrapper{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;min-height:100px}}
/*# sourceMappingURL=column-settings-prebuild.min.css.map */