Token is not displayed correctly in Modal, copying token after click does not work

[webard]

Hello,

token in modal looks like this:

and after clicking, there is info that I can copy by click, but nothing happens after clicking.

I have newest version of Laravel and Nova, without any special Laravel Nova plugins. Bug occurs on every browser.

[bluec]

Yep, the Modal component used has a default size of xl. The size can be passed in the props, e.g. CreatedTokenModal.vue could be modified as follows:

  <Modal :show="show" size="2xl">

[webard]

Good point. What about copying token after clicking? Did you look on this?

[bluec]

It's not my code, I have just been playing around with it. The copy when clicking works for me.

[JeffBeltran]

looks like they changed some CSS on me (again) between version 4.24.2 => 4.32.16, i'll need to look into a fix

[webard]

I created a fork of your repository: https://github.com/webard/sanctum-tokens because I needed it in my project. It fixes:

• resized token modal to 4xl to fit token length
• fixed copying
• confirmation icon after copy
• couple style improvements
• integrated expiration date column from PR add new expired date column #84
• visual fixes in dark mode

Copying feature works only in https, this should be noted in README.md, I thought it was an error, but it is limitation of browsers.

[JeffBeltran]

thanks @webard

With the copy issue, It's more a security issue than a browser issue, but no harm getting a note added there... eventually lol

[webard]

Yeah, I forgot that ClipboardAPI is available only on secured domain 😅. Just in case that other people wille report similar problems it is worth make note in readme.

[github-actions]

🎉 This issue has been resolved in version 2.1.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀