Skip to content

feat: enhance tooltip animations with custom tooltip delay and duration property + samples#7946

Closed
deleonio wants to merge 2 commits intorelease/2from
feature/implementiere-schnellere-tooltip-transition
Closed

feat: enhance tooltip animations with custom tooltip delay and duration property + samples#7946
deleonio wants to merge 2 commits intorelease/2from
feature/implementiere-schnellere-tooltip-transition

Conversation

@deleonio
Copy link
Copy Markdown
Contributor

@deleonio deleonio commented Jun 20, 2025

Summary

  • unify tooltip transition to use a single duration variable
  • rename keyframe to fadeOpacity
  • document the custom property in the tooltip README
  • update sample code for custom tooltip duration

Fixes #7259

The A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer:

  • Meaningful pull request title for the release notes
  • Pull request is linked to an issue and all changes relate to the issue
  • Tests to protect this code implemented (if applicable)
  • Manual test performed successfully (if applicable)
  • Documentation or migration has been updated (if applicable)

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jun 20, 2025

@deleonio deleonio force-pushed the feature/implementiere-schnellere-tooltip-transition branch 2 times, most recently from 886569f to ec2bb98 Compare June 20, 2025 11:08
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Jun 20, 2025

Hydration Benchmark Report (vs Baseline)

✅ Top 5 Improvements (Best Speedups)

Component Current Baseline Δ% Result
kol-logo 26.6ms 31.6ms -15.8%
kol-abbr 25.3ms 29.1ms -13.1%
kol-popover-button 77.6ms 89.2ms -13%
kol-modal 20.8ms 23.5ms -11.5%
kol-details 146.3ms 159.9ms -8.5%

🔻 Flop 5 Regressions (Worst Slowdowns)

Component Current Baseline Δ% Result
kol-button-group 26.1ms 20.3ms +28.6% 🔻
kol-drawer 25.8ms 21.4ms +20.6% 🔻
kol-indented-text 25.6ms 21.4ms +19.6% 🔻
kol-heading 29ms 26ms +11.5% 🔻
kol-avatar 25.6ms 23.2ms +10.3% 🔻
📋 Show all results
Component Current Baseline Δ% Result
kol-abbr 25.3ms 29.1ms -13.1%
kol-accordion 153.9ms 158.2ms -2.7%
kol-alert 111ms 113.7ms -2.4%
kol-avatar 25.6ms 23.2ms +10.3% 🔻
kol-badge 77.3ms 75.1ms +2.9%
kol-breadcrumb 92.9ms 93.6ms -0.7%
kol-button 73.8ms 77.7ms -5%
kol-button-group 26.1ms 20.3ms +28.6% 🔻
kol-button-link 65.3ms 62.3ms +4.8%
kol-card 34.2ms 31.1ms +10%
kol-details 146.3ms 159.9ms -8.5%
kol-drawer 25.8ms 21.4ms +20.6% 🔻
kol-form 34.3ms 37.2ms -7.8%
kol-heading 29ms 26ms +11.5% 🔻
kol-icon 64.5ms 68.5ms -5.8%
kol-image 18.6ms 20.1ms -7.5%
kol-indented-text 25.6ms 21.4ms +19.6% 🔻
kol-input-checkbox 148.6ms 148.7ms -0.1%
kol-input-color 68.5ms 72.8ms -5.9%
kol-input-date 74ms 75.1ms -1.5%
kol-input-email 68.2ms 73.2ms -6.8%
kol-input-file 65.4ms 66.6ms -1.8%
kol-input-number 69.7ms 72.7ms -4.1%
kol-input-password 67.8ms 71.1ms -4.6%
kol-input-radio 51.1ms 52.4ms -2.5%
kol-input-text 70ms 74.8ms -6.4%
kol-link 67.1ms 66.2ms +1.4%
kol-link-button 73.5ms 72.9ms +0.8%
kol-link-group 24.5ms 22.3ms +9.9%
kol-logo 26.6ms 31.6ms -15.8%
kol-modal 20.8ms 23.5ms -11.5%
kol-nav 29.9ms 29.9ms 0%
kol-pagination 514.7ms 525.6ms -2.1%
kol-popover-button 77.6ms 89.2ms -13%
kol-progress 29.4ms 32ms -8.1%
kol-quote 24.3ms 24.7ms -1.6%
kol-select 86.3ms 89.6ms -3.7%
kol-skip-nav 21.3ms 20.4ms +4.4%
kol-spin 24.9ms 23.2ms +7.3%
kol-split-button 193.9ms 202.4ms -4.2%
kol-table-stateful 92.3ms 98ms -5.8%
kol-table-stateless 81.6ms 84.1ms -3%
kol-tabs 34.3ms 35.4ms -3.1%
kol-textarea 64.9ms 70.4ms -7.8%
kol-toolbar 35.8ms 34.9ms +2.6%
kol-tree 27ms 26.6ms +1.5%
kol-tree-item 81.5ms 82.5ms -1.2%
kol-version 160ms 161.3ms -0.8%

@deleonio deleonio marked this pull request as draft June 20, 2025 11:17
@deleonio deleonio force-pushed the feature/implementiere-schnellere-tooltip-transition branch 2 times, most recently from ed32c77 to 898807c Compare June 23, 2025 03:32
@deleonio deleonio changed the title Improve tooltip transition duration feat: enhance tooltip animations with custom tooltip delay and duration property + samples Jun 23, 2025
@deleonio deleonio force-pushed the feature/implementiere-schnellere-tooltip-transition branch from 898807c to 8500c6b Compare June 23, 2025 04:01
@deleonio deleonio requested a review from laske185 June 23, 2025 04:04
@deleonio deleonio marked this pull request as ready for review June 23, 2025 04:05
@deleonio deleonio marked this pull request as draft June 23, 2025 05:04
@deleonio deleonio removed the request for review from laske185 June 23, 2025 05:04
@deleonio deleonio linked an issue Jun 23, 2025 that may be closed by this pull request
@deleonio
Copy link
Copy Markdown
Contributor Author

#7977

@deleonio deleonio closed this Jun 25, 2025
@publicuibot publicuibot bot locked and limited conversation to collaborators Jun 25, 2025
@deleonio deleonio deleted the feature/implementiere-schnellere-tooltip-transition branch September 22, 2025 06:21
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🚀 Feature: Tooltip Transition reduzieren

1 participant