mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-31 13:51:35 +01:00 
			
		
		
		
	* Various Mermaid improvments - Render into iframe for improved security - Use built-in dark theme instead of color inversion - Remove flexbox attributes, resulting in more consistent size rendering - Update API usage and update to latest version * restart ci * misc tweaks * remove unneccesary declaration * make it work without allow-same-origin, add loading=lazy * remove loading attribute, does not seem to work * rename variable * skip roundtrip to DOM for rendering * don't guess chart height * update comment to make it clear it's intentional * tweak * replace deprecated 'scrolling' property * remove unused css file Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
		
			
				
	
	
		
			53 lines
		
	
	
		
			945 B
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			53 lines
		
	
	
		
			945 B
		
	
	
	
		
			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: #ececec #ececec #666 #666;
 | |
|   border-radius: 100%;
 | |
| }
 | |
| 
 | |
| .markup pre.is-loading,
 | |
| .editor-loading.is-loading {
 | |
|   height: var(--height-loading);
 | |
| }
 | |
| 
 | |
| @keyframes fadein {
 | |
|   0% {
 | |
|     opacity: 0;
 | |
|   }
 | |
|   100% {
 | |
|     opacity: 1;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes fadeout {
 | |
|   0% {
 | |
|     opacity: 1;
 | |
|   }
 | |
|   100% {
 | |
|     opacity: 0;
 | |
|   }
 | |
| }
 |