Contents

@import 'tao/form/globals';
@import 'tao/form/shared/fields/select/multiple_result';

.tao-multiple-select-result {
  min-width: $form-field-width;
  padding-top: 0.125rem;

  .selected-item {
    &:hover {
      background: $white-color;
      border-color: $red-color;

      .icon-close {
        fill: $red-color;
      }
    }

    &:focus {
      box-shadow: 0px 0px 2px 0px rgba($border-color, 0.5);
    }
  }

  .link-add {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 0 0 auto;
    padding: 0 0.625rem 0 0.5rem;
    margin: $select-item-margin;
    height: $select-item-height;
    border: 1px dashed $border-color;
    background: $white-color;
    border-radius: $border-radius-s;
    color: $text-color;
    font-size: $select-item-font-size;
    text-decoration: none;
    outline: none;

    .icon-add {
      font-size: 1rem;
      fill: $lighter-grey-color;
      margin: 0 0.25rem 0 0;
    }

    .text {
      line-height: 1.5rem;
    }

    &:focus {
      box-shadow: 0px 0px 2px 0px rgba($border-color, 0.5);
    }
  }

  &[active] .link-add,
  .link-add:hover {
    color: $link-color;
    border-color: $form-field-active-border-color;

    .icon-add {
      fill: $link-color;
    }
  }

  &.disabled {
    .selected-item {
      &:hover {
        background-color: $grey-bg-color;
        border-color: $grey-bg-color;
      }
    }

    .link-add {
      display: none;
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
tao_form-0.2.3	lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss
tao_form-0.2.2	lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss
tao_form-0.2.1	lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss
tao_form-0.2.0	lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss
tao_form-0.1.10	lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss