mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 11:28:24 +00:00 
			
		
		
		
	Replace Less with CSS (#23481)
Ran most of the Less files through the Less compiler and Prettier and then followed up with a round of manual fixes. The Less compiler had unfortunately stripped all `//` style comments that I had to restore (It did preserve `/* */` comments). Other fixes include duplicate selector removal which were revealed after the transpilation and which weren't caught by stylelint before but now are. Fixes: https://github.com/go-gitea/gitea/issues/15565
This commit is contained in:
		
							
								
								
									
										116
									
								
								web_src/css/modules/tippy.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										116
									
								
								web_src/css/modules/tippy.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,116 @@ | ||||
| /* styles are based on node_modules/tippy.js/dist/tippy.css */ | ||||
|  | ||||
| /* class to hide tippy target elements on page load */ | ||||
| .tippy-target { | ||||
|   display: none !important; | ||||
| } | ||||
|  | ||||
| [data-tippy-root] { | ||||
|   max-width: calc(100vw - 10px); | ||||
| } | ||||
|  | ||||
| .tippy-box { | ||||
|   position: relative; | ||||
|   background-color: var(--color-body); | ||||
|   color: var(--color-secondary-dark-6); | ||||
|   border: 1px solid var(--color-secondary); | ||||
|   border-radius: var(--border-radius); | ||||
|   font-size: 1rem; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="tooltip"] { | ||||
|   background-color: var(--color-tooltip-bg); | ||||
|   color: var(--color-tooltip-text); | ||||
|   border: none; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="menu"] { | ||||
|   background-color: transparent; | ||||
|   color: var(--color-tooltip-text); | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="menu"] .ui.menu { | ||||
|   border: none; | ||||
| } | ||||
|  | ||||
| .tippy-content { | ||||
|   position: relative; | ||||
|   padding: 1rem; | ||||
|   z-index: 1; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="tooltip"] .tippy-content { | ||||
|   padding: 0.5rem 1rem; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="menu"] .tippy-content { | ||||
|   padding: 0; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="top"] > .tippy-svg-arrow { | ||||
|   bottom: 0; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="top"] > .tippy-svg-arrow::after, | ||||
| .tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg { | ||||
|   top: 16px; | ||||
|   transform: rotate(180deg); | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="bottom"] > .tippy-svg-arrow { | ||||
|   top: 0; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg { | ||||
|   bottom: 16px; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="left"] > .tippy-svg-arrow { | ||||
|   right: 0; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="left"] > .tippy-svg-arrow::after, | ||||
| .tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg { | ||||
|   transform: rotate(90deg); | ||||
|   top: calc(50% - 3px); | ||||
|   left: 11px; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="right"] > .tippy-svg-arrow { | ||||
|   left: 0; | ||||
| } | ||||
|  | ||||
| .tippy-box[data-placement^="right"] > .tippy-svg-arrow::after, | ||||
| .tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg { | ||||
|   transform: rotate(-90deg); | ||||
|   top: calc(50% - 3px); | ||||
|   right: 11px; | ||||
| } | ||||
|  | ||||
| .tippy-svg-arrow { | ||||
|   width: 16px; | ||||
|   height: 16px; | ||||
|   text-align: initial; | ||||
| } | ||||
|  | ||||
| .tippy-svg-arrow, | ||||
| .tippy-svg-arrow > svg { | ||||
|   position: absolute; | ||||
| } | ||||
|  | ||||
| .tippy-svg-arrow-outer { | ||||
|   fill: var(--color-secondary); | ||||
| } | ||||
|  | ||||
| .tippy-svg-arrow-inner { | ||||
|   fill: var(--color-body); | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="tooltip"] .tippy-svg-arrow-inner, | ||||
| .tippy-box[data-theme="tooltip"] .tippy-svg-arrow-outer { | ||||
|   fill: var(--color-tooltip-bg); | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="menu"] .tippy-svg-arrow-inner { | ||||
|   fill: var(--color-menu); | ||||
| } | ||||
		Reference in New Issue
	
	Block a user