@eclipse-scout/core/src/form/fields/ValueField.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.value-field {

  & > input,
  & > .input-field,
  & > .field > input,
  & > .field > .input-field,
  & > .file-input {
    /* Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height*/
    min-height: @logical-grid-row-height;
  }

  & > .text-field-icon,
  & > .field > .text-field-icon {
    display: none;
    position: absolute;
  }

  &.alternative {
    & > .text-field-icon,
    & > .field > .text-field-icon {
      margin-right: 0;
    }
  }

  &.alternative.halign-right {
    & > .clear-icon,
    & > .field > .clear-icon {
      margin-left: 0;
      margin-right: @text-field-icon-margin-x;
    }
  }

  &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),
  &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {
    #scout.value-field-with-icon(~'.clear-icon');

    & > .clear-icon {
      display: flex;
    }

    & > .icon {
      display: none;
    }

    & > input,
    & > .input-field,
    & > .field > input,
    & > .field > .input-field,
    & > .file-input {
      padding-right: @text-field-icon-outer-width;

      &.alternative {
        padding-right: @text-field-alternative-icon-outer-width;
      }
    }

    &.halign-right {

      & > input,
      & > .input-field,
      & > .field > input,
      & > .field > .input-field,
      & > .file-input {
        padding-left: @text-field-icon-outer-width;
        padding-right: @text-field-padding-x;

        &.alternative {
          padding-left: @text-field-alternative-icon-outer-width;
          padding-right: @text-field-alternative-padding-left;
        }

        &.cell-editor-field {
          padding-right: @table-cell-padding-left - @item-selection-border-width;
        }
      }
    }
  }

  &.has-icon:not(.compact):not(.disabled) {
    #scout.value-field-with-icon(~'.icon');

    & > .icon,
    & > .field > .icon {
      display: flex;
    }

    & > input,
    & > .input-field,
    & > .field > input,
    & > .field > .input-field,
    & > .file-input {
      padding-right: @text-field-icon-outer-width;

      &.alternative {
        padding-right: @text-field-alternative-icon-outer-width;
      }
    }
  }
}