Mercurial > kallithea
changeset 7605:6188d37b9d72
style: adjust vertical spacing inside comment chunks
Use less spacing after comment panels inside comment sections (10px from
@kallithea-panel-margin instead of 20px) to hint that the comments are related
... and also to avoid using too much vertical space.
Also show Comment/Cancel buttoms closer to the comment form ("well") they are
related to.
| author | Mads Kiilerich <mads@kiilerich.com> |
|---|---|
| date | Fri, 22 Mar 2019 02:11:45 +0100 |
| parents | ad5f5906e340 |
| children | 343c76c6f741 |
| files | kallithea/front-end/style.less kallithea/templates/changeset/changeset_file_comment.html |
| diffstat | 2 files changed, 6 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/front-end/style.less Fri Mar 22 02:09:16 2019 +0100 +++ b/kallithea/front-end/style.less Fri Mar 22 02:11:45 2019 +0100 @@ -90,6 +90,8 @@ overflow-x: visible; } +/* margin below PR comments */ +.comment > .panel, /* margin below top level panels */ #main > .panel { margin-bottom: @kallithea-panel-margin; @@ -547,6 +549,9 @@ .inline-comments .comments-number { padding: 0px 0px 10px 0px; } +.comment-inline-well { + margin-bottom: @kallithea-panel-margin; +} input.status_change_checkbox, input.status_change_radio { margin: 0 0 5px 15px;
--- a/kallithea/templates/changeset/changeset_file_comment.html Fri Mar 22 02:09:16 2019 +0100 +++ b/kallithea/templates/changeset/changeset_file_comment.html Fri Mar 22 02:11:45 2019 +0100 @@ -82,7 +82,7 @@ <div class="ac"> %if request.authuser.username != 'default': ${h.form('#', class_='inline-form')} - <div class="well well-sm clearfix"> + <div class="well well-sm clearfix comment-inline-well"> <div class="comment-help"> <span class="text-muted">${_('Comments are in plain text. Use @username to notify another user.')|n}</span> </div>