title: I have long name how to show all height of div where it is?
body: <p>I have listed items.</p>
  
  <pre><code>     &lt;div layout="column"  class="md-whiteframe-1dp capitalize itemsInList" ng-if="vm.getElementHeight(child.id) &gt; vm.minBoxHeight"  ng-repeat="item in child.work_items " id={{item.id}}child&gt;
          &lt;div layout="row"  layout-align="space-between"&gt;
              &lt;div class="workItemName"&gt;{{vm.getWorkItemName(item.metadata)}}&lt;/div&gt;
              &lt;div&gt;
                  &lt;md-icon class="itemEditIcon" ng-click="vm.openItemEdit(item)" md-font-icon="zmdi zmdi-edit"&gt;&lt;/md-icon&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and scss:</p>
  
  <pre><code>.itemsInList {
    background-color: $white;
    width: 100%;
    min-height: 25px;
    padding-left: 10px;
    border-bottom: 1px solid $alto;
    color: $shuttleGray;
  }
  .workItemName {
    width: 100%;
    display: inline-block;
  }
  </code></pre>
  
  <p>"Extra Long Item..."
  have 3 rows of text.
  But as you can see on img - it is shown just 2.
  <a href="https://i.stack.imgur.com/nyK0k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nyK0k.png" alt="enter image description here"></a></p>
  
  <p>How to show all height of div with text which is inside of it?</p>
  
  <p><a href="https://i.stack.imgur.com/VnMO6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VnMO6.png" alt="enter image description here"></a></p>