[Bug]: App name does not show fully on hover/focus of specific app

[jancborchardt]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

Long app names are ellipsized when we could make space for the one that is hovered/focused:

Steps to reproduce

1. Have an app with a comparably long app name installed, e.g. Dashboard (default app), Collectives or Announcements
2. Notice not the full app name is shown
3. It doesn’t change when hovering/focusing the app name

Expected behavior

In a previous version, the name of the current app and of the hovered/focused app was expanded to be fully visible:

Installation method

None

Nextcloud Server version

master

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

No response

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[jancborchardt]

So @karlitschek also reported that even Contacts and Calendar are already ellipsized by default (macOS with Safari). Probably we should reduce the default tracking a little bit, or increase the whitespace between the apps a tiny bit?

@susnux @marcoambrosini what do you think?

[susnux]

For calendar we just need a tiny bit more space (the 4px margin removed are enough):

But 50px width is not much for text

[susnux]

So yes maybe we should increase the width to 55px?

Or complex solutions:
Option 1: Do not show the neighbor names but instead always show the full app name (so it can not overflow the neighbor)
Option 2: Keep size but make the current focused one 58px by reducing both neighbors by 4px?

Because even 55px is to small for "Dashboard"

[susnux]

@jancborchardt

I played with option2 and 2x 6px (12px more space as this also fixes dashboard):

before	after

[jancborchardt]

@susnux awesome – yep that’s exactly what I meant, the 2 solutions together are very nice! Meaning removing some margin by default, and having the focused app expand width at the cost of its neighbors.

[karlitschek]

Screen.Recording.2024-08-09.at.10.16.46.mov

Looks good in general. Unfortunately I see a weird wobbly effect on mouse over

[AndyScherzinger]

Now that you say it, I also see that wobbly effect. @sorbaugh can you please create a ticket and align with @susnux so it can get fixed for next week's build?

[sorbaugh]

Tracked here :) #47148