UI bug with dots overflowing on the DashboardInputField

[vmatsiiako]

Bug Description

The dots that show up over a secret when it's not hovered, can sometimes go outside of the input field.
I tried a bunch of options but couldn't get the desired result easily with our current setup. I think the whole structure of how we generate those dots could be rethought. It's currently very lengthy and suboptimal. This is the file that would have to be changed.

To Reproduce

Steps to reproduce the behavior:

1. Add a long key value
2. Decrease your browser size if needed
3. See error

Expected behavior

It should be the bahavior like "overflow-hidden" in tailwind

Screenshots

[rabbanirizwan]

@mv-turtle kindly assign me this

[vmatsiiako]

Thank you so much @rabbanirizwan! This is a tricky one! If you want, I can explain to you how the current setup works. Let me know.

Feel free to join our community Slack if you have any questions or need any help. Here is the link: https://join.slack.com/t/infisical-users/shared_invite/zt-1kdbk07ro-RtoyEt_9E~fyzGo_xQYP6g

[vmatsiiako]

I just fixed something else that is related to this. I think overall if made the structure of the file easier to understand.

[vmatsiiako]

@rabbanirizwan after many tries, I think I just fixed this bug 🥳

Something that we want to do now is to make it possible to input multi-line environment variables. Is it something you would be interested in helping with? Let me know please :)

[vmatsiiako]

@rabbanirizwan closing this issue, but please let me know if you want to contribute to anything. Any help is appreciated :)