mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 21:28:11 +09:00 
			
		
		
		
	By appending the tooltips to `document.body`, we can avoid any stacking context issues caused by surrounding element's CSS. This uses [tippy.js](https://github.com/atomiks/tippyjs) instead of Fomantic popups. We should aim to replace all Fomantic popups with this eventually and then get rid of the Fomantic `popup` module completely.
		
			
				
	
	
		
			13 lines
		
	
	
		
			379 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			13 lines
		
	
	
		
			379 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import tippy from 'tippy.js';
 | |
| 
 | |
| export function createTippy(target, opts) {
 | |
|   return tippy(target, {
 | |
|     appendTo: document.body,
 | |
|     placement: 'top-start',
 | |
|     animation: false,
 | |
|     allowHTML: true,
 | |
|     arrow: `<svg width="16" height="7"><path d="m0 7 8-7 8 7Z" class="tippy-svg-arrow-outer"/><path d="m0 8 8-7 8 7Z" class="tippy-svg-arrow-inner"/></svg>`,
 | |
|     ...opts,
 | |
|   });
 | |
| }
 |