fix: display tooltips over notifications

[sissbruecker]

Description

Currently tooltips are always shown below notifications:

• Tooltip overlays use a z-index of 200 via the default vaadin-overlay styles:

  web-components/packages/overlay/src/vaadin-overlay.js

  Line 85 in 90992ed

  z-index: 200;

• Notifications use a z-index of 1000:

  web-components/packages/notification/src/vaadin-notification.js

  Line 30 in 90992ed

  z-index: 1000;

This increases the z-index for tooltips to be larger than the one for notifications.

Fixes #5748

Type of change

• Bugfix

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[vaadin-bot]

Hi @sissbruecker , this commit cannot be picked to 24.1 by this bot, can you take a look and pick it manually?
Error Message: Error: Command failed: git cherry-pick 171b663
error: could not apply 171b663... fix: display tooltips over notifications (#6074)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.2.0.alpha2 and is also targeting the upcoming stable 24.2.0 version.