mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-30 00:03:57 -04:00 
			
		
		
		
	Fix unified diff view styling (#585)
Signed-off-by: Manuel Kuhlmann <manuel@mkuhlmann.org>
This commit is contained in:
		
							parent
							
								
									a5e07da8be
								
							
						
					
					
						commit
						eb9ce39bb7
					
				| @ -1992,30 +1992,38 @@ footer .ui.language .menu { | |||||||
|   padding-top: 8px; |   padding-top: 8px; | ||||||
|   padding-bottom: 8px; |   padding-bottom: 8px; | ||||||
| } | } | ||||||
| .repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(1), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(2), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(3), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(4) { |  | ||||||
|   background-color: #fafafa; |  | ||||||
| } |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(1), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(2), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr td.del-code { |  | ||||||
|   background-color: #ffe0e0 !important; |  | ||||||
|   border-color: #f1c0c0 !important; |  | ||||||
| } |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(3), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(4), |  | ||||||
| .repository .diff-file-box .code-diff tbody tr td.add-code { |  | ||||||
|   background-color: #d6fcd6 !important; |  | ||||||
|   border-color: #c1e9c1 !important; |  | ||||||
| } |  | ||||||
| .repository .diff-file-box .code-diff tbody tr .removed-code { | .repository .diff-file-box .code-diff tbody tr .removed-code { | ||||||
|   background-color: #ff9999; |   background-color: #ff9999; | ||||||
| } | } | ||||||
| .repository .diff-file-box .code-diff tbody tr .added-code { | .repository .diff-file-box .code-diff tbody tr .added-code { | ||||||
|   background-color: #99ff99; |   background-color: #99ff99; | ||||||
| } | } | ||||||
|  | .repository .diff-file-box .code-diff-unified tbody tr.del-code td { | ||||||
|  |   background-color: #ffe0e0 !important; | ||||||
|  |   border-color: #f1c0c0 !important; | ||||||
|  | } | ||||||
|  | .repository .diff-file-box .code-diff-unified tbody tr.add-code td { | ||||||
|  |   background-color: #d6fcd6 !important; | ||||||
|  |   border-color: #c1e9c1 !important; | ||||||
|  | } | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) { | ||||||
|  |   background-color: #fafafa; | ||||||
|  | } | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr td.del-code { | ||||||
|  |   background-color: #ffe0e0 !important; | ||||||
|  |   border-color: #f1c0c0 !important; | ||||||
|  | } | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), | ||||||
|  | .repository .diff-file-box .code-diff-split tbody tr td.add-code { | ||||||
|  |   background-color: #d6fcd6 !important; | ||||||
|  |   border-color: #c1e9c1 !important; | ||||||
|  | } | ||||||
| .repository .diff-file-box.file-content img { | .repository .diff-file-box.file-content img { | ||||||
|   max-width: 100%; |   max-width: 100%; | ||||||
|   padding: 5px 5px 0 5px; |   padding: 5px 5px 0 5px; | ||||||
|  | |||||||
| @ -922,24 +922,6 @@ | |||||||
| 					// 	} | 					// 	} | ||||||
| 					// } | 					// } | ||||||
| 
 | 
 | ||||||
| 					// light gray for empty lines before / after commit |  | ||||||
| 					&.add-code td:nth-child(1), &.add-code td:nth-child(2), |  | ||||||
| 					&.del-code td:nth-child(3), &.del-code td:nth-child(4) { |  | ||||||
| 						background-color: #fafafa; |  | ||||||
| 					} |  | ||||||
| 
 |  | ||||||
| 					&.del-code td:nth-child(1),	&.del-code td:nth-child(2), |  | ||||||
| 					td.del-code { |  | ||||||
| 						background-color: #ffe0e0 !important; |  | ||||||
| 						border-color: #f1c0c0 !important; |  | ||||||
| 					} |  | ||||||
| 
 |  | ||||||
| 					&.add-code td:nth-child(3), &.add-code td:nth-child(4), |  | ||||||
| 					td.add-code{ |  | ||||||
| 						background-color: #d6fcd6 !important; |  | ||||||
| 						border-color: #c1e9c1 !important; |  | ||||||
| 					} |  | ||||||
| 
 |  | ||||||
| 					.removed-code { | 					.removed-code { | ||||||
| 					  background-color: #ff9999; | 					  background-color: #ff9999; | ||||||
| 					} | 					} | ||||||
| @ -949,6 +931,36 @@ | |||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  | 		.code-diff-unified tbody tr { | ||||||
|  | 			&.del-code td { | ||||||
|  | 				background-color: #ffe0e0 !important; | ||||||
|  | 				border-color: #f1c0c0 !important; | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 			&.add-code td { | ||||||
|  | 				background-color: #d6fcd6 !important; | ||||||
|  | 				border-color: #c1e9c1 !important; | ||||||
|  | 			} | ||||||
|  | 		} | ||||||
|  | 		.code-diff-split tbody tr { | ||||||
|  | 			// light gray for empty lines before / after commit | ||||||
|  | 			&.add-code td:nth-child(1), &.add-code td:nth-child(2), | ||||||
|  | 			&.del-code td:nth-child(3), &.del-code td:nth-child(4) { | ||||||
|  | 				background-color: #fafafa; | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 			&.del-code td:nth-child(1),	&.del-code td:nth-child(2), | ||||||
|  | 			td.del-code { | ||||||
|  | 				background-color: #ffe0e0 !important; | ||||||
|  | 				border-color: #f1c0c0 !important; | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 			&.add-code td:nth-child(3), &.add-code td:nth-child(4), | ||||||
|  | 			td.add-code{ | ||||||
|  | 				background-color: #d6fcd6 !important; | ||||||
|  | 				border-color: #c1e9c1 !important; | ||||||
|  | 			} | ||||||
|  | 		} | ||||||
| 		&.file-content { | 		&.file-content { | ||||||
| 			img { | 			img { | ||||||
| 				max-width: 100%; | 				max-width: 100%; | ||||||
|  | |||||||
| @ -85,7 +85,7 @@ | |||||||
| 								<img src="{{$.RawPath}}/{{EscapePound .Name}}"> | 								<img src="{{$.RawPath}}/{{EscapePound .Name}}"> | ||||||
| 							</div> | 							</div> | ||||||
| 						{{else}} | 						{{else}} | ||||||
| 							<div class="file-body file-code code-view code-diff"> | 							<div class="file-body file-code code-view code-diff {{if $.IsSplitStyle}}code-diff-split{{else}}code-diff-unified{{end}}"> | ||||||
| 								<table> | 								<table> | ||||||
| 									<tbody> | 									<tbody> | ||||||
| 										{{if $.IsSplitStyle}} | 										{{if $.IsSplitStyle}} | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user