Uploaded image for project: 'Nuxeo Elements'
  1. Nuxeo Elements
  2. ELEMENTS-1674

Fix nuxeo-input placeholder default styling

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Minor
    • Resolution: Won't Fix
    • Affects Version/s: 3.0.0
    • Fix Version/s: None
    • Component/s: Widgets
    • Backlog priority:
      300
    • Sprint:
      UI - 2023-11, UI COOLDOWN - 2023-9
    • Story Points:
      2

      Description

      Currently, placeholder text of nuxeo-input is of the same color as input text. The placeholder text should be styled with a lighter shade to differentiate and convey that the element has no input (see screenshot for reference).

      Steps to Reproduce:
      1. In a Web UI layout (e.g. file creation layout), update a nuxeo-input element with placeholder text, for example:

      <nuxeo-input
            role="widget"
            label="[[i18n('title')]]"
            name="title"
            value="{{document.properties.dc:title}}"
            placeholder="Write your File name here..."
            autofocus
            required
          >
      </nuxeo-input>

      2. Navigate to the form in Web UI and observe the updated nuxeo-input element.

      Expected behavior: placeholder text is lighter than input text

      Actual behavior: placeholder text is of same styling as input text

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day
                  1d