8
0
Просмотр исходного кода

Added tooltip show delay to prevent a 'tooltip avalanche' when moving the cursor across the toolbar.

Aleksander Nowodzinski 9 лет назад
Родитель
Сommit
881fb4f2a2
1 измененных файлов с 3 добавлено и 2 удалено
  1. 3 2
      packages/ckeditor5-theme-lark/theme/components/tooltip.scss

+ 3 - 2
packages/ckeditor5-theme-lark/theme/components/tooltip.scss

@@ -79,8 +79,9 @@ $ck-tooltip-arrow-size: 5px;
 		pointer-events: none;
 		pointer-events: none;
 
 
 		// For the transition to work, the tooltip must be controlled
 		// For the transition to work, the tooltip must be controlled
-		// using visibility+opacity.
-		transition: opacity .2s ease-in-out;
+		// using visibility+opacity. A delay prevents a "tooltip avalanche"
+		// i.e. when scanning the toolbar with mouse cursor.
+		transition: opacity .2s ease-in-out .2s;
 
 
 		// This is to get rid of flickering when transitioning opacity in Chrome.
 		// This is to get rid of flickering when transitioning opacity in Chrome.
 		// It's weird but it works.
 		// It's weird but it works.