intervention-pages/dist/common/styles/required-field-styles.js

PD pages

import { html, htmlLiteral } from '@polymer/polymer/lib/utils/html-tag.js';
import '@polymer/iron-flex-layout/iron-flex-layout.js';
// @lajos TO BE CHECKED
// import {BASE_URL} from '../../../../../../config/config';
// original bellow line:
// const baseUrlData: ReadonlyArray<string> = [BASE_URL];
const baseUrlData = ['localhost:8082/epd'];
const baseUrl = htmlLiteral(baseUrlData);
// language=HTML
export const requiredFieldStarredStyles = html ` <style>
  :host > * {
    --required-star-style: {
      background: url(${baseUrl}'/images/required.svg') no-repeat 99% 20%/8px;
      width: auto !important;
      max-width: 100%;
      right: auto;
      padding-right: 15px;
    }
  }

  paper-input[required][label],
  paper-input-container[required],
  datepicker-lite[required],
  etools-dropdown[required],
  etools-dropdown-multi[required],
  etools-upload[required],
  etools-currency-amount-input[required] {
    --paper-input-container-label: {
      @apply --required-star-style;
      color: var(--secondary-text-color, #737373);
    }
    --paper-input-container-label-floating: {
      @apply --required-star-style;
      color: var(--secondary-text-color, #737373);
    }
  }
</style>`;