kallithea Changeset - 0e8e55f954be

Changeset - 0e8e55f954be

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

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

style: avoid double horizontal padding inside panel-body

Only give inline-comments padding if they actually appear inside a diff. General comments already have padding from .panel-body.

Drop padding on changesets columns (next to graphs). The graph already has space, and .panel-body gives spacing to the right.

Drop extra column padding for repo and PR summaries that use columns. The columns already have some padding from .panel-body.

1 file changed with 7 insertions and 2 deletions:

kallithea/front-end/style.less

0 comments (0 inline, 0 general)

kallithea/front-end/style.less

➞

Show inline comments

@@ @@ -537,14 +537,14 @@ div.form div.form-group div.highlight, @@
 .panel-heading .pull-left input[type=checkbox],
 .panel-heading .pull-right input[type=checkbox] {
   position: relative;
   top: 4px;
   margin: -10px 2px 0;
+}
 /** comment inline **/
 .inline-comments {
 /** indent actual inline comments - not general comments **/
 td.inline-comments {
   padding: 5px;
+}
 .inline-comments .comments-number {
   padding: 0px 0px 10px 0px;
+}
 input.status_change_checkbox,
@@ @@ -689,12 +689,13 @@ div.comment-prev-next-links div.next-com @@
+}
 #graph_content,
 #graph_content_pr,
 #updaterevs-table {
   .make-xs-column-offset(1);
   .make-xs-column(11);
   padding: 0;
+}
 /* use bootstrap grid columns for centered columns */
 .centered-column {
   .make-sm-column-offset(3);
   .make-sm-column(6);
@@ @@ -750,26 +751,29 @@ div.comment-prev-next-links div.next-com @@
 /* use columns and form-horizontal for summary page */
 #summary {
   max-width: @container-md;
   .form-horizontal;
   .make-sm-column(10);
   padding-left: 0;
   .form-group > label {
     .make-sm-column(2);
+  }
   .form-group > div {
     .make-sm-column(10);
+  }
+}
 #summary-menu-stats {
   .make-sm-column(2);
   padding-right: 0;
+}
 /* use columns and form-horizontal for pull request page */
 .pr-box {
   .make-sm-column(9);
   padding-left: 0;
   max-width: @container-md;
   #pr-summary {
     .form-horizontal;
     .form-group > label {
       .make-sm-column(3);
+    }
@@ @@ -781,12 +785,13 @@ div.comment-prev-next-links div.next-com @@
       .make-sm-column(9);
+    }
+  }
+}
 .pr-reviewers-box {
   .make-sm-column(3);
   padding-right: 0;
+}
 /* repo table icons */
 #repos_list_wrap_wrapper {
   /* make icon-folder and repotag the same width */
   .icon-folder:before {

0 comments (0 inline, 0 general)