# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2018-02-21 10:58:21
# Node ID ba8781f3f2c253ee031ba958dc6a4c0a9613a88f
# Parent  736f058d6172af986047350f37cdecacd05c5a09

less: fix changelog commit message flowing into the labels that are floating to the right of it

For long commit messages, two texts were shown on top of each other and none of
them could be read.

To fix that, give the floating labels a solid white background.

To avoid a hard cut-off of the commit message, use a white box-shadow to the
left of the labels to give a smooth transition.

To avoid the commit message flowing into the td padding to the right of the
labels, make log-container hide overflow.

diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -814,10 +814,13 @@ div.comment-prev-next-links div.next-com
   }
   .mid > .log-container {
     position: relative;
+    overflow: hidden;
     > .extra-container {
       position: absolute;
       top: 0;
       right: 0;
+      background: white;
+      box-shadow: -10px 0px 10px 0px white;
     }
   }
 }