bee-complex-grid/build/Grid.css

Complex Grid for React, AdvancedDataGrid

.bee-complex-grid th.wui-table-expand-icon-th {
  width: 43px; }

.bee-complex-grid th .drop-menu > .uf {
  font-size: 12px;
  visibility: hidden;
  color: #505F79;
  font-weight: bold;
  cursor: pointer; }

.bee-complex-grid th .drop-menu {
  display: inline-block; }
  .bee-complex-grid th .drop-menu i.uf {
    padding-left: 4px;
    -ms-width: 12px;
    -ms-display: inline-block; }
  .bee-complex-grid th .drop-menu .drop-menu-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-width: calc( 100% - 21px); }

.bee-complex-grid th .title-con.drop-menu {
  max-width: 100% !important; }

.bee-complex-grid th .cansort.drop-menu {
  max-width: calc(100% - 32px) !important; }

.bee-complex-grid th:last-child.column-number-right {
  padding-right: 34px; }

.bee-complex-grid th:last-child > span:first-child {
  width: calc(100% - 58px) !important; }

.bee-complex-grid th .wui-table-column-sorter {
  margin-left: 0px; }
  .bee-complex-grid th .wui-table-column-sorter i {
    padding: 0px; }

.bee-complex-grid th .wui-table-column-sorter > .wui-table-column-sorter-up {
  width: auto; }

.bee-complex-grid th:hover .drop-menu .uf {
  visibility: visible; }

.bee-complex-grid th ::last-child {
  overflow: hidden; }

.bee-complex-grid .wui-table-fixed-left th:last-child .cansort.drop-menu {
  width: calc(100% - 32px) !important; }

.bee-complex-grid .wui-pagination {
  overflow: hidden;
  margin-bottom: 8px; }
  .bee-complex-grid .wui-pagination .wui-pagination-list {
    margin-left: 0px; }
  .bee-complex-grid .wui-pagination .data_per_select .wui-select {
    width: 60px; }
  .bee-complex-grid .wui-pagination.center {
    display: flex;
    justify-content: center; }
  .bee-complex-grid .wui-pagination.right {
    display: flex;
    justify-content: flex-end; }

.bee-complex-grid .wui-table .wui-table-multiSelect-column {
  min-width: 49px; }

.bee-complex-grid .wui-table-thead th .wui-table-column-sorter {
  margin-top: 0px; }

.bee-complex-grid .wui-table-filter-column-pop-cont-item .drop-menu .uf {
  visibility: hidden; }

.bee-complex-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-down, .bee-complex-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-flat, .bee-complex-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-up {
  width: auto !important; }

.grid-menu {
  z-index: 1800; }

.grid-toolbar {
  padding: 7px 12px 7px 4px; }
  .grid-toolbar .wui-button {
    margin-left: 8px; }
  .grid-toolbar .dropdown-btn {
    display: inline-block; }
  .grid-toolbar .toolbar-btn-icon.wui-button {
    width: 26px;
    min-width: 0px;
    height: 26px;
    line-height: 26px;
    padding: 0px; }
    .grid-toolbar .toolbar-btn-icon.wui-button .uf {
      padding: 0px; }
  .grid-toolbar .wui-button:not(.wui-button-icon) i.uf {
    vertical-align: middle;
    font-size: 14px; }

.grid-menu {
  padding-top: 3px;
  padding-bottom: 8px; }
  .grid-menu > .wui-dropdown-menu-item {
    line-height: 26px;
    height: 26px;
    padding-left: 12px;
    min-width: 76px; }

#filter_column_popover .wui-table-filter-column-pop-cont-item .drop-menu .uf {
  display: none; }

#filter_column_popover.wui-popover {
  z-index: 1701; }

.bee-complex-edit-grid .wui-table .wui-table-multiSelect-column {
  min-width: 49px; }

.bee-complex-edit-grid .wui-table-thead th .wui-table-column-sorter {
  margin-top: 0px; }

.bee-complex-edit-grid .wui-table-filter-column-pop-cont-item .drop-menu .uf {
  visibility: hidden; }

.bee-complex-edit-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-down, .bee-complex-edit-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-flat, .bee-complex-edit-grid .wui-table-thead th .wui-table-column-sorter > .wui-table-column-sorter-up {
  width: auto !important; }

.bee-complex-edit-grid .wui-table tr td .triangle-flag {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle-redline {
    width: 2px;
    height: 20px;
    border-left: 2px solid #ff0000;
    display: inline-block;
    margin-right: 2px; }
  .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle-element {
    width: 100%;
    height: 30px;
    text-align: left; }
  .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle-icon {
    color: #ff0000;
    padding-left: 3px;
    cursor: pointer; }
    .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle-icon .uf {
      padding: 0; }
  .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle_border_nw {
    width: 0;
    height: 0;
    border-width: 0 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #f44336;
    position: absolute;
    top: 0px;
    left: 0px; }
  .bee-complex-edit-grid .wui-table tr td .triangle-flag .triangle_border_nw_number {
    width: 0;
    height: 0;
    border-width: 0 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #f44336;
    position: absolute;
    top: 2px;
    left: 2px; }

.bee-complex-edit-grid .wui-table .wui-table-tbody tr td {
  padding: 0;
  padding-left: 12px; }
  .bee-complex-edit-grid .wui-table .wui-table-tbody tr td .wui-edit-grid-cell {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }