Skip to content

INJIWWEB-1755 - Enhancement - the view passcode icon modified when enabled#489

Open
iamlokanath wants to merge 1 commit intoinji:developfrom
iamlokanath:injiweb-1755
Open

INJIWWEB-1755 - Enhancement - the view passcode icon modified when enabled#489
iamlokanath wants to merge 1 commit intoinji:developfrom
iamlokanath:injiweb-1755

Conversation

@iamlokanath
Copy link

@iamlokanath iamlokanath commented Jan 15, 2026

Summary by CodeRabbit

  • Style
    • Enhanced the visual styling of the password visibility toggle icon, which now displays with updated styling when the password is revealed.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai
Copy link

coderabbitai bot commented Jan 15, 2026

Walkthrough

This PR adds a new CSS class state for the password visibility toggle icon. The eye icon now uses different styling when displaying versus hiding the password, with a new eyeIconActive style token added to support the active/visible state.

Changes

Cohort / File(s) Summary
Password Eye Icon Styling
inji-web/src/components/Common/Input/InputStyles.ts, inji-web/src/components/Common/Input/PasscodeInput.tsx
Added eyeIconActive style token (text-iw-textPrimary) to InputStyles.passcode. Updated PasscodeInput eye icon to conditionally apply eyeIconActive class when password visibility is toggled on.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

  • jackjain

Poem

👁️ A style update so fine and keen,
When passwords show, new colors gleam,
The eye icon winks with vibrant flair,
Active states with proper care! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check ✅ Passed The title clearly and specifically describes the main change: modifying the view passcode icon's appearance when enabled, which aligns with the actual changes adding an eyeIconActive style and applying it when the password is shown.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
  • 📝 Generate docstrings

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Signed-off-by: Lkanath Panda <lokanthpanda128@gmai.com>
@iamlokanath
Copy link
Author

INJIWEB-1755.mp4

@iamlokanath iamlokanath changed the title INJI Web - Enhancement - the view passcode icon modified when enabled INJIWWEB-1755 - Enhancement - the view passcode icon modified when enabled Jan 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant