@import '../variables/_all';

.ellipsis-button {
  .ap-dropdown-button {
    height: auto;
    line-height: inherit;
    padding: 4px 12px;
  }
  .ap-dropdown-icon {
    display: none;
  }
  .ap-dropdown-content {
    width: auto;
    left: auto;
    right: 0;
    line-height: inherit;
    bottom: 16px;
    top: auto;
    z-index: 12;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  }
  .ap-dropdown-content-inner {
    min-width: 128px;
  }
  .ap-dropdown-item {
    font-size: $ellipsis-font-size;
    line-height: $ellipsis-item-height;
    padding: 8px;
  }
}

.ellipsis-button-item-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  line-height: $ellipsis-item-height;
}