changeset 7183:ba8781f3f2c2

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.
author Mads Kiilerich <mads@kiilerich.com>
date Wed, 21 Feb 2018 10:58:21 +0100
parents 736f058d6172
children 52d4bb85cbbd
files kallithea/public/less/style.less
diffstat 1 files changed, 3 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/style.less	Thu Jan 25 22:17:00 2018 +0100
+++ b/kallithea/public/less/style.less	Wed Feb 21 10:58:21 2018 +0100
@@ -814,10 +814,13 @@
   }
   .mid > .log-container {
     position: relative;
+    overflow: hidden;
     > .extra-container {
       position: absolute;
       top: 0;
       right: 0;
+      background: white;
+      box-shadow: -10px 0px 10px 0px white;
     }
   }
 }