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
  • Merge requests
  • !37129

Allow configurable opacity variable for placeholder-state (non-focused, empty) floating-label input label

  • Review changes

  • Download
  • Email patches
  • Plain diff
Open Administrator requested to merge github/fork/josefdlange/floating-label-placeholder-opacity into main Sep 12, 2022
  • Overview 4
  • Commits 5
  • Pipelines 1
  • Changes 2

Created by: josefdlange

Some folks implementing Bootstrap may wish for the placeholder state's label of a .form-floating input to have some lighter opacity than 100%.

The tradeoff is accessibility concerns (label too light may be hard to read) vs. user confusion (regarding whether the placeholder text is text already-filled-into the form field or if it is a label).

By allowing this to be configured via a SCSS variable, Bootstrap can empower developers to make this choice themselves while retaining its existing default value.

Let me know if there are any other steps needed to bring this up to par, or if I've missed anything in the contribution guidelines!

Edit: also, apologies for the verbose title. Couldn't think of anything more succinct offhand.

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/josefdlange/floating-label-placeholder-opacity