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:
parent
133ae18b61
commit
2a1cf5bae9
2 changed files with 22 additions and 12 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Reference in a new issue