/*
 * 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
 */
.label-field {

  &.selectable {
    // The whole label-field must be selectable, otherwise focusUtils.js would bail out
    // if a user starts a selection on the padding of the .label-field element and
    // not exactly on the .field child element.
    #scout.user-select(text);
  }
}

.label-field > .field {
  padding-top: @borderless-field-padding-y;
  padding-bottom: @borderless-field-padding-y;
  margin-left: @mandatory-indicator-width;
  #scout.overflow-ellipsis();

  &[placeholder]:empty::before {
    #scout.fake-placeholder();
  }

  &[placeholder].disabled:empty::before {
    #scout.placeholder-disabled();
  }

  .no-mandatory-indicator& {
    margin-left: 0;
  }

  .top-padding-invisible& {
    padding-top: 0;
  }

  .bottom-padding-invisible& {
    padding-bottom: 0;
  }

  &:focus {
    outline: none;
  }

  &.has-inner-alignment {

    &.halign-left {
      text-align: left;
    }

    &.halign-center {
      text-align: center;
    }

    &.halign-right {
      text-align: right;
    }
  }
}