kallithea Changeset - 1d5145d52c30

Changeset - 1d5145d52c30

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Mads Kiilerich - 7 years ago 2018-06-07 01:48:15
mads@kiilerich.com

changelog: tweak positioning of checkboxes for changeset selection

Avoid the default vertical alignment on baseline. Instead align on text bottom
- that makes it show up more nicely aligned with the text.

Also override the Bootstrap top margin - it made the checkbox the largest
element in rows and it was thus controlling the height for no good reason.

1 file changed with 4 insertions and 0 deletions:

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -793,48 +793,52 @@ div.comment-prev-next-links div.next-com @@
   .icon-folder:before {
     margin: 0; // default margin would otherwise add to the total width
     width: 24px;
     text-align: left;
+  }
   .label-repo {
     display: inline-block;
     width: 24px;
+  }
+}
 /* changelog table columns */
 .table#changesets {
   table-layout: fixed;
   td {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: baseline;
+  }
   .checkbox-column {
     width: 24px;
     /* the optional second checkbox will be inline-block but should wrap to a new line */
     white-space: normal;
     > input[type=checkbox] {
       margin-top: inherit;
       vertical-align: text-bottom;
+    }
+  }
   .changeset-logical-index {
     color: @gray-light;
     font-style: italic;
     font-size: 85%;
     text-align: right;
     overflow: visible;
+  }
   .changeset-logical-index,
   .expand_commit,
   .status {
     width: 28px;
+  }
   .author {
     width: 200px;
     @media (max-width: @screen-sm-max) {
       width: 120px;
+    }
     @media (max-width: @screen-xs-max) {
       width: 20px;
       /* keep gravatar but hide name on tiny screens to give important columns more room */
       span {
         .hidden;
+      }

0 comments (0 inline, 0 general)