.handsontable {
  .handsontableInput {
    max-width: 290px !important;
  }

  td {
    word-break: break-all;
  }
}

// expanded window layout
.handsontable-modal.handsontable-modal-expanded {
  // full-screen modal
  width: 97%;
  height: 95%;
  .modal-content {
    height: 95%;
  }

  // expand .modal-body (with calculating height)
  .modal-body {
    $modal-header: 54px;
    $modal-footer: 46px;
    $margin: $modal-header + $modal-footer;
    height: calc(100% - #{$margin});

    // expand .hot-table-container (with flexbox)
    .hot-table-container {
      flex: 1;
    }
  }
}

// Prevent handsontable/handsontable #2937 (Manual column resize does not work when handsontable is loaded inside Bootstrap 3.0 Modal)
// see https://github.com/handsontable/handsontable/issues/2937#issuecomment-287390111
.modal.in .modal-dialog.handsontable-modal {
  transform: none;

  .modal-navbar {
    background-color: $navbar-default-bg;
    border-bottom: $border 1px solid;
  }

  .data-import-form {
    background-color: #f8f8f8;

    .btn + .btn {
      margin-left: 5px;
    }
  }

  .data-import-button {
    position: relative;
    padding-right: 35px;
    padding-left: 10px;

    i:before {
      position: absolute;
      top: 6px;
      right: 8px;
      font-size: 20px;
    }
  }
}
