Ellipsing rows

ellipseRow.js

module.exports = function ellipseRow(el) {
  var maxLines = parseInt(el.getAttribute('max-rows'), 10);
  var lineHeight = parseInt(getComputedStyle(el, null).getPropertyValue('line-height'), 10);
  var padding = parseInt(getComputedStyle(el, null).getPropertyValue('padding'), 10);
  var maxHeight = lineHeight * maxLines + 2 * padding;
  var hiddenBrandCount = 0;

  while (el.offsetHeight > maxHeight) {
    hiddenBrandCount++;
    el.textContent = el.textContent.substring(0, el.textContent.lastIndexOf(', '));
    el.textContent += ' and ' + hiddenBrandCount + 'more';
  }
};