com.phloxui/styles/component/table/DefaultTableRow.less

PhloxUI Ng2+ Framework

@import "../../variables";
@import "../../mixins/blink";

@keyframes phlox-expandable-table-row-drag-move-in {

  0% { opacity: 0; }
  100% { opacity: 1; }

}

phx-table .phx-table-row, .phx-table .phx-table-row {

  & {
    .phlox-transition();

    display: table-row;

    position: relative;
  }

  & .phx-table-cell {
    display: table-cell;

    position: relative;
  }

  &.drag-over {
    background-color: extract(@CLR_BRAND_HUE, 8);
  }

  &.dragging {
    opacity: @PHLOX_TABLE_ROW_DRAGGING_OPACITY;
  }

  &.dragging.drag-over {
    background-color: initial;
  }

  &.auto-expand {
    .blink-opacity();
  }

  &.move-out {
    opacity: 0;
  }

  &.move-in {
    animation: phlox-expandable-table-row-drag-move-in @EXPANDABLE_TABLE_ROW_ANIMATION_DURATION e(@EXPANDABLE_TABLE_ROW_ANIMATION_TIMING_FUNCTION) 1;
  }

}