public/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-10-29 10:57:44 +09:00
Code Issues Packages Projects Releases Wiki Activity

Fix markup background, improve wiki rendering (#23750)

Browse Source 
Fix regression from https://github.com/go-gitea/gitea/pull/23578. Only
visible on arc-green.

Before:
<img width="997" alt="Screenshot 2023-03-27 at 19 14 21"
src="https://user-images.githubusercontent.com/115237/228016589-e7cabfb9-bfd0-45fd-9407-6b76c665ed1a.png">

After:
<img width="1000" alt="Screenshot 2023-03-27 at 19 14 05"
src="https://user-images.githubusercontent.com/115237/228016600-db2e6002-4e2c-4d18-8393-9d7e1f525acb.png">

Fixes: https://github.com/go-gitea/gitea/issues/20625
Fixes: https://github.com/go-gitea/gitea/issues/23718
This commit is contained in:
silverwind
2023-04-07 23:30:04 +02:00
committed by GitHub
parent 3876f56c7b
commit c0246677a6
4 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web_src/css/markup/content.css
View File

@@ -3,15 +3,6 @@
font-size: 16px;
line-height: 1.5 !important;
word-wrap: break-word;
background: var(--color-box-body);
}
.markup.ui.segment {
padding: 3em;
}
.markup.file-view {
padding: 2em !important;
}
.markup > *:first-child {
@@ -309,6 +300,14 @@
.markup img {
max-width: 100%;
box-sizing: initial;
}
/* this background ensures images can break <hr>. We can only do this on
cases where the background is known and not transparent. */
.markup.file-view img,
.comment-body .markup img, /* regular comment */
.comment-content .markup img, /* code comment */
.wiki .markup img {
background: var(--color-box-body);
}

33
web_src/css/repository.css
View File

@@ -965,10 +965,6 @@
max-width: 100%;
}
.repository.view.issue .comment-list .ui.comments .avatar {
margin-right: 0.5rem;
}
.repository.view.issue .comment-list .comment > .content > div:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
@@ -1093,6 +1089,14 @@
margin-left: 36px;
}
.repository.view.issue .comment-list .comment > .avatar {
margin-top: 6px;
}
.repository.view.issue .comment-list .comment > .avatar ~ .content {
margin-left: 3em;
}
.repository.view.issue .comment-list .code-comment img.avatar,
.repository.view.issue .comment-list .comment img.avatar {
width: 28px;
@@ -2092,17 +2096,17 @@
height: 48px;
}
.repository.wiki.view > .markup {
padding: 15px 30px;
.repository.wiki.new .ui.attached.tabular.menu.previewtabs {
margin-bottom: 15px;
}
.repository.wiki.view > .markup h1:first-of-type,
.repository.wiki.view > .markup h2:first-of-type,
.repository.wiki.view > .markup h3:first-of-type,
.repository.wiki.view > .markup h4:first-of-type,
.repository.wiki.view > .markup h5:first-of-type,
.repository.wiki.view > .markup h6:first-of-type {
margin-top: 0;
.file-view.markup {
padding: 1em 2em;
}
.wiki-content-main {
padding: 1em 2em !important;
margin-left: 1em !important;
}
@@ -2730,11 +2734,10 @@
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
padding: 1em;
}
.comment-body .markup {
padding: 1em;
border-radius: 0 0 var(--border-radius) var(--border-radius); /* don't render outside box */
}