AsiaMoma/modules/archive/archive_index7.html.erb

<div class="i-archive index-archive-5">
  <h3 class="i-archive-title">
    <span>{{page-title}}</span>
  </h3>
  <div class="i-archive__list list-unstyled" id="index-archive-group" data-list="categories" data-level="0">
   <h4 class="i-archive__category-title">{{category-title}}</h4>
    <div class="i-items">
        <div class="thead row">
          <div class="col-sm-2 date-thead">{{date-head}}</div>
          <div class="col-sm-4 title-thead">{{title-head}}</div>
          <div class="col-sm-3 description-thead">{{description-head}}</div>
          <div class="col-sm-3 file-thead">{{file-head}}</div>
          </div>
        <div class="tbody">
          <div class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
          <div class="archive-items clearfix">
              <div class="date col-sm-2">{{created_at}}</div>
              <div class="head col-sm-4">
                 {{archive-title}}
                 <span class="i-archive__status-wrap" data-list="statuses" data-level="2">
                 <span class="i-archive__status  label  status  {{status-class}}">{{status}}</span>
               </span>
              </div>
              <div class="description col-sm-3" style="border-right: 0.05em solid #333;">{{description}}</div>
              <div class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
                <a href="{{file-url}}" class="i-archive-files-item" target="_blank"  data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
              </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
$(document).ready(function(){
  if(window.innerWidth >= 768){
    $(".archive-items .date").each(function(i,d){
      $(d).parent().eq(0).children().css("min-height",$(d).parent().height());
    })
  }else{
    $(".archive-items >").css("min-height","");
  }
})
$(window).resize(function(){
  if(window.innerWidth >= 768){
    $(".archive-items .date").each(function(i,d){
      $(d).parent().eq(0).children().css("min-height",$(d).parent().height());
    })
  }else{
    $(".archive-items >").css("min-height","");
  }
})
</script>