Add some padding to the shadowed comment box (#9612)

* Add some padding to the shadowed comment box
* prevent the padding affecting the other comments
This commit is contained in:
zeripath 2020-01-05 19:25:27 +00:00 committed by GitHub
parent 133ae18b61
commit 2a1cf5bae9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 12 deletions

View file

@ -360,19 +360,21 @@
<img src="{{.Poster.RelAvatarLink}}"> <img src="{{.Poster.RelAvatarLink}}">
</a> </a>
<div class="content"> <div class="content">
<a class="author" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a> <div class="code-comment-content">
<div class="metadata"> <a class="author" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a>
<span class="date">{{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdSubStr | Safe}}</span> <div class="metadata">
</div> <span class="date">{{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdSubStr | Safe}}</span>
<div class="text"> </div>
<div class="render-content markdown has-emoji"> <div class="text">
{{if .RenderedContent}} <div class="render-content markdown has-emoji">
{{.RenderedContent|Str2html}} {{if .RenderedContent}}
{{else}} {{.RenderedContent|Str2html}}
<span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span> {{else}}
{{end}} <span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span>
{{end}}
</div>
<div class="raw-content hide">{{.Content}}</div>
</div> </div>
<div class="raw-content hide">{{.Content}}</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -850,6 +850,14 @@
box-shadow: 0 0 10px #8c8c8c; box-shadow: 0 0 10px #8c8c8c;
} }
&:target > .content > .code-comment-content {
padding: 4px;
}
&:target > .content > .code-comment-content > .text {
margin-bottom: 0;
}
.ui.form { .ui.form {
.field:first-child { .field:first-child {
clear: none; clear: none;