react-widgets/lib/less/dropdown-list.less

An à la carte set of polished, extensible, and accessible inputs built for React

.rw-dropdown-list-input {
  background-color: transparent;
  vertical-align: middle;
  padding-right: 0;

  /* ellipsis */ & {
    max-width: 1px; // very hacky to force ellipsis
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .rw-rtl & {
    padding-right:  @input-padding-horizontal;
    padding-left: 0;
  }
}

.rw-filter-input {
  &:extend(.rw-input);
  &:extend(.rw-widget-input);

  position: relative;
  margin: 4px;
  padding-right: 0;

  .rw-rtl {
    padding-right: @input-padding-horizontal;
    padding-left: 0;
  }

  .rw-select,
  .rw-btn {
    .opacity(0.75);
    cursor: text;
  }

  > .rw-select {
    &,
    &:active,
    &:hover {
      background: none;
      cursor: initial;
      box-shadow: none;
    }
  }
}