hunk.code_window: var Mention = require('./mention.jsx');
   var Constants = require('../utils/constants.jsx');
   var ActionTypes = Constants.ActionTypes;
   module.exports = React.createClass({
  
hunk.labels: keep keep keep keep add keep
hunk.after_edit: var MAX_HEIGHT_LIST = 292;
   var MAX_ITEMS_IN_LIST = 25;
   var ITEM_HEIGHT = 36;
  
hunk.file_path: web/react/components/mention_list.jsx
hunk.type: add
file: html, body {
    height: 100%;
  }
  
  body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #e9e9e9;
    position: relative;
    height: 100%;
    &.white {
      background: #fff;
      .inner__wrap {
        > .row.content {
          min-height: 100%;
          margin-bottom: -89px;
        }
      }
    }
    .inner__wrap {
      height: 100%;
      > .row.main {
        height: 100%;
      }
    }
    > .container-fluid {
      @include clearfix;
      height: 100%;
      position: relative;
    }
  }
  
  b, strong {
    font-weight: 600;
  }
  
  a {
    word-break: break-word;
  }
  
  a.theme {
    color: $primary-color;
  }
  
  div.theme {
    background-color: $primary-color;
  }
  
  .nopadding {
   padding: 0;
   margin: 0;
  }
  
  .form-control {
    @include border-radius(2px);
  }
  
  .form-group {
    &.form-group--small {
      margin-bottom: 10px;
    }
  }
  
  .error-panel {
    max-width: 275px;
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 100;
  }
  
  .btn {
    @include single-transition(all, 0.25s, ease-in);
    @include border-radius(1px);
    &.btn-primary {
      border-color: transparent;
      background: $primary-color;
      &:hover, &:focus, &:active {
        background: $primary-color--hover;
      }
    }
    &.btn-inactive {
      border-color: transparent;
      background: #707070;
      color: #fff;
    }
  }
  
  .relative-div {
    position:relative;
  }
  
  .command-box {
    position:absolute;
    background-color:#fff;
    width:100%;
    border:1px solid #ddd;
    bottom: 38;
  }
  
  .command-name {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 37px;
    line-height: 37px;
    padding: 2px 10px 2px 5px;
    z-index: 101;
  }
  
  .command-name:hover {
    background-color:#e8eaed;
  }
  
  .command-desc {
    color: #a7a8ab;
  }
  
  @-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
  }
  
  @keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
  }
  
  .black-bg {
    background-color: black !important;
  }
  
  #error_bar {
    background-color: #0099FF;
    text-align:center;
    position: relative;
    color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  
    .error-bar {
      padding: 5px 30px;
    }
  
    .error-close {
      position: absolute;
      right: 0;
      top: 0;
      color: #FFF;
      font-size: 20px;
      font-weight: 600;
      text-decoration: none;
      padding: 0 10px;
    }
  }