kallithea Changeset - 6188d37b9d72

Changeset - 6188d37b9d72

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Mads Kiilerich - 7 years ago 2019-03-22 02:11:45
mads@kiilerich.com

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.

2 files changed with 6 insertions and 1 deletions:

kallithea/front-end/style.less

kallithea/templates/changeset/changeset_file_comment.html

0 comments (0 inline, 0 general)

kallithea/front-end/style.less

➞

Show inline comments

@@ @@ -87,12 +87,14 @@ nav.navbar.mainmenu > .navbar-header > . @@
 /* allow other exceptions to automatic overflow-x */
 .panel > .overflow-x-visible {
   overflow-x: visible;
+}
 /* margin below PR comments */
 .comment > .panel,
 /* margin below top level panels */
 #main > .panel {
   margin-bottom: @kallithea-panel-margin;
+}
 /* search highlighting */
@@ @@ -544,12 +546,15 @@ div.form div.form-group div.highlight, @@
 td.inline-comments {
   padding: @kallithea-panel-margin;
+}
 .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;
+}
 @keyframes animated-comment-background {
 % {

kallithea/templates/changeset/changeset_file_comment.html

➞

Show inline comments

@@ @@ -79,13 +79,13 @@ @@
       </div>
     </div>
   </div>
   <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>
         <textarea name="text" class="form-control"></textarea>
         <div id="status_block_container" class="status-block general-only hidden">

0 comments (0 inline, 0 general)