Truncated long value names in confirmation window

[Annaseli]

Closes #8669

Issue

Long user names overflowed "Confirmation" window

Fix

1. Applied truncation for long values in selected section modals.
2. Users can hover to see full value and copy the truncated value.

Changes Made

In "Users" Page

1. create long user name under "Users"
2. Go to Administration -> Users -> click on the long user name -> Access Credentials tab -> Create Access Key

The issue screenshot:

The fix screenshot:

Changed in file:

webui/src/pages/auth/users/user/credentials.jsx (getMsg function)

Testing

Verified on lakeFS OSS using local DB & object store & ACL

[github-actions]

E2E Test Results - Quickstart

[github-actions]

E2E Test Results - DynamoDB Local - Local Block Adapter

[itaigilo]

I think it's better to keep the ? on the same line.

[itaigilo]

Why the newline after the email?
I think it's better to have it on the same line...

[Annaseli]

Yes, I was wondering about that. Okay, I'll move the question mark to the same line as the email.

A related question: In your opinion, what should the expected behavior be?
Currently, long emails wrap to a new line, while short emails remain on the same line. Guy thinks the behavior should be the same for short, long, and overly long (requiring truncation) emails in terms of the line on which they appear.

What do you think should be the standard behavior for all cases?

I believe it would be better if all emails—whether short, long, or too long (requiring truncation)—appear on a new line, with the question mark positioned next to them.

Currently, here's what happens:

[itaigilo]

I think it should be the same - right after the email/name, with no newline.
Any good reasons for the newline?

[Annaseli]

1. You're right—the question mark should be placed immediately after the email/name, so I fixed that.
2. The second question is: Do we agree that regardless of whether the email/name is short, long, or too long, the email/name should always be placed on a new line (with the question mark right after the email/name)? This way, all cases will appear as shown in these images. In other words, the length of the email/name won't determine whether it stays on the same line as "Create..." or moves to the next line.

Instead of the previous behavior, where a short name like "admin" remained on the same line, while a long email moved to the next line.

short email/name:

long email/name:

[itaigilo]

Nice fix 😄

[itaigilo]

Nitpicking again:
I would've removed the {" "}, unless there's a good reason.
But that's your decision.

[Annaseli]

You're right, it looks better without it :)