@import '../vars';

.lu-hover-only,
.lu-selection-only {
  display: none;
}

&:hover,
&.lu-selected,
&.lu-hovered {
  .lu-not-hover {
    display: none;
  }

  .lu-hover-only {
    display: block;
  }
}

/**
  selected state extends hover state
 */
&.lu-selected {
  z-index: 10;
  outline: 2px solid $lu_selected_color;

  .lu-selection-only {
    display: block;
  }
}

[data-renderer] {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.#{$lu_css_prefix}-grid-space {
  grid-column-gap: $lu_engine_grip_gap;
}

@import '../vars';

.lu-hover-only,
.lu-selection-only {
  display: none;
}

&:hover,
&.lu-selected,
&.lu-hovered {
  .lu-not-hover {
    display: none;
  }

  .lu-hover-only {
    display: block;
    padding-left: 4px;
  }
}

/**
  selected state extends hover state
 */
&.lu-selected {
  z-index: 10;
  outline: 2px solid $lu_selected_color;

  .lu-selection-only {
    display: block;
  }
}

[data-renderer] {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.#{$lu_css_prefix}-grid-space {
  grid-column-gap: $lu_engine_grip_gap;
}

Add padding-left to .lu-hover-only (applies to numerical columns)
Add padding-left to .lu-hover-only (applies to numerical columns)

sgratzl/taggle2#104
