@c8y/style/styles/_ui-sortable.less

Styles for Cumulocity IoT applications

.ui-sortable {
  &.inner-scroll {
    position: static;
  }

  .ui-sortable-handle {
    cursor: move;

    &:hover {
      outline: 1px solid @brand-primary-light;
      cursor: move;
    }

    .c8y-checkbox {
      display: flex;

      input + span {
        margin-right: @margin-base;
      }
    }
  }

  .panel-heading {
    font-weight: normal;
    font-size: 14px;
  }

  .ui-sortable-handle:not(.list-group-item) {
    &:not(.list-inline-item) {
      width: 40px;
    }
  }

  .ui-sortable-handle.list-inline-item:not(.list-group-item) {
    flex: 1 0 20%;
    min-width: 55px;

    .modal-body & {
      flex: 1 1 100%;

      .c8y-schema-form-empty {
        flex: 1 1 auto;
      }
    }

    .popover-content & {
      flex: 1 0 50%;
    }
  }

  .ui-sortable-title {
    flex: 1 1 0%;
  }

  .ui-sortable-actions {
    margin-right: -15px;
    margin-left: auto;
    width: 40px;

    .btn {
      color: @text-color;

      &:focus {
        outline: none;
      }
    }
  }
}