mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-25 17:44:32 +02:00 
			
		
		
		
	It now supports copying Markdown, SVG and Images (not in Firefox currently because of lacking [`ClipboardItem`](https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem) support, but can be enabled in `about:config` and works). It will fetch the data if in a rendered view or when it's an image. Followup to https://github.com/go-gitea/gitea/pull/21629.
		
			
				
	
	
		
			82 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			82 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| @keyframes isloadingspin {
 | |
|   0% { transform: translate(-50%, -50%) rotate(0deg); }
 | |
|   100% { transform: translate(-50%, -50%) rotate(360deg); }
 | |
| }
 | |
| 
 | |
| .is-loading {
 | |
|   background: transparent !important;
 | |
|   color: transparent !important;
 | |
|   border: transparent !important;
 | |
|   pointer-events: none !important;
 | |
|   position: relative !important;
 | |
|   overflow: hidden !important;
 | |
| }
 | |
| 
 | |
| .is-loading::after {
 | |
|   content: "";
 | |
|   position: absolute;
 | |
|   display: block;
 | |
|   width: 4rem;
 | |
|   height: 4rem;
 | |
|   left: 50%;
 | |
|   top: 50%;
 | |
|   transform: translate(-50%, -50%);
 | |
|   animation: isloadingspin 500ms infinite linear;
 | |
|   border-width: 4px;
 | |
|   border-style: solid;
 | |
|   border-color: var(--color-secondary) var(--color-secondary) var(--color-secondary-dark-8) var(--color-secondary-dark-8);
 | |
|   border-radius: 100%;
 | |
| }
 | |
| 
 | |
| .markup pre.is-loading,
 | |
| .editor-loading.is-loading {
 | |
|   height: var(--height-loading);
 | |
| }
 | |
| 
 | |
| .btn-octicon.is-loading::after {
 | |
|   border-width: 2px;
 | |
|   height: 1.25rem;
 | |
|   width: 1.25rem;
 | |
| }
 | |
| 
 | |
| code.language-math.is-loading::after {
 | |
|   padding: 0;
 | |
|   border-width: 2px;
 | |
|   width: 1.25rem;
 | |
|   height: 1.25rem;
 | |
| }
 | |
| 
 | |
| @keyframes fadein {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|   }
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeout {
 | |
|   0% {
 | |
|     opacity: 1;
 | |
|   }
 | |
|   100% {
 | |
|     opacity: 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes pulse {
 | |
|   0% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
|   50% {
 | |
|     transform: scale(1.8);
 | |
|   }
 | |
|   100% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
| }
 | |
| 
 | |
| .pulse {
 | |
|   animation: pulse 2s linear;
 | |
| }
 |