Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #32633
Closed
Open
Issue created Dec 27, 2020 by Administrator@rootContributor

Floating label's initial color

Created by: LarryAzevedo

Let me start off by saying that in general, having placeholder text in a form field is not recommended. Here's just one source to explain why.

However, if we are going to be doing it in our floating labels, let's at least not make the user think that the field is already filled out; which currently is the perception: Screen Shot 2020-12-27 at 5 07 29 PM

So I propose that the initial color of the label, match that of the placeholder color: $input-placeholder-color. That will probably mean adjusting the opacity of the label onfocus: Screen Shot 2020-12-27 at 5 18 43 PM

On a side note, I'd even say that the placeholder color is too dark but I'm guessing we went with that because of accessibility?

Assignee
Assign to
Time tracking