mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-29 10:57:44 +09:00 
			
		
		
		
	Fix code block style for code preview (#30298)
Fix #30292 To avoid unnecessary style overriding, use "div" instead of "code"
This commit is contained in:
		| @@ -65,7 +65,7 @@ func createDefaultPolicy() *bluemonday.Policy { | ||||
| 	policy.AllowAttrs("class").Matching(regexp.MustCompile(`^lines-num$`)).OnElements("td") | ||||
| 	policy.AllowAttrs("data-line-number").OnElements("span") | ||||
| 	policy.AllowAttrs("class").Matching(regexp.MustCompile(`^lines-code chroma$`)).OnElements("td") | ||||
| 	policy.AllowAttrs("class").Matching(regexp.MustCompile(`^code-inner$`)).OnElements("code") | ||||
| 	policy.AllowAttrs("class").Matching(regexp.MustCompile(`^code-inner$`)).OnElements("div") | ||||
|  | ||||
| 	// For code preview (unicode escape) | ||||
| 	policy.AllowAttrs("class").Matching(regexp.MustCompile(`^file-view( unicode-escaped)?$`)).OnElements("table") | ||||
|   | ||||
| @@ -36,10 +36,10 @@ func TestProcessorHelperCodePreview(t *testing.T) { | ||||
| 	<table class="file-view"> | ||||
| 		<tbody><tr> | ||||
| 				<td class="lines-num"><span data-line-number="1"></span></td> | ||||
| 				<td class="lines-code chroma"><code class="code-inner"><span class="gh"># repo1</code></td> | ||||
| 				<td class="lines-code chroma"><div class="code-inner"><span class="gh"># repo1</div></td> | ||||
| 			</tr><tr> | ||||
| 				<td class="lines-num"><span data-line-number="2"></span></td> | ||||
| 				<td class="lines-code chroma"><code class="code-inner"></span><span class="gh"></span></code></td> | ||||
| 				<td class="lines-code chroma"><div class="code-inner"></span><span class="gh"></span></div></td> | ||||
| 			</tr></tbody> | ||||
| 	</table> | ||||
| </div> | ||||
| @@ -63,7 +63,7 @@ func TestProcessorHelperCodePreview(t *testing.T) { | ||||
| 	<table class="file-view"> | ||||
| 		<tbody><tr> | ||||
| 				<td class="lines-num"><span data-line-number="1"></span></td> | ||||
| 				<td class="lines-code chroma"><code class="code-inner"><span class="gh"># repo1</code></td> | ||||
| 				<td class="lines-code chroma"><div class="code-inner"><span class="gh"># repo1</div></td> | ||||
| 			</tr></tbody> | ||||
| 	</table> | ||||
| </div> | ||||
|   | ||||
| @@ -17,7 +17,7 @@ | ||||
| 					{{- $lineEscapeStatus := index $.LineEscapeStatus $idx -}} | ||||
| 					<td class="lines-escape">{{if $lineEscapeStatus.Escaped}}<a href="#" class="toggle-escape-button btn interact-bg" title="{{if $lineEscapeStatus.HasInvisible}}{{ctx.Locale.Tr "repo.invisible_runes_line"}} {{end}}{{if $lineEscapeStatus.HasAmbiguous}}{{ctx.Locale.Tr "repo.ambiguous_runes_line"}}{{end}}"></a>{{end}}</td> | ||||
| 				{{- end}} | ||||
| 				<td class="lines-code chroma"><code class="code-inner">{{$line.FormattedContent}}</code></td> | ||||
| 				<td class="lines-code chroma"><div class="code-inner">{{$line.FormattedContent}}</div></td>{{/* only div works, span generates incorrect HTML structure */}} | ||||
| 			</tr> | ||||
| 			{{- end -}} | ||||
| 		</tbody> | ||||
|   | ||||
| @@ -432,7 +432,7 @@ | ||||
|   text-align: right; | ||||
| } | ||||
|  | ||||
| .markup code:not(.code-inner), | ||||
| .markup code, | ||||
| .markup tt { | ||||
|   padding: 0.2em 0.4em; | ||||
|   margin: 0; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user