From 7e492e341aee7151b098c6ecc0f887446657a457 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?=
 <Jeremy@iMac-de-Jeremy-2.fritz.box>
Date: Thu, 9 Feb 2017 17:22:37 +0100
Subject: [PATCH] Add a gradient on event line boxes

---
 .../sass/modules/boxes/_event-line-box.scss   | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/app/static/src/sass/modules/boxes/_event-line-box.scss b/app/static/src/sass/modules/boxes/_event-line-box.scss
index e17a6476..369cbe4f 100644
--- a/app/static/src/sass/modules/boxes/_event-line-box.scss
+++ b/app/static/src/sass/modules/boxes/_event-line-box.scss
@@ -35,6 +35,28 @@ $module: ".event-line-box";
         @include margin-bottom(1);
     }
 
+    &:after {
+
+        content: "";
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        /* Rectangle 3: */
+        background-image: -webkit-linear-gradient(right, rgba(0,15,36,0.00) 0%, rgba(0,15,36,0.90) 99%);
+        background-image: -o-linear-gradient(right, rgba(0,15,36,0.00) 0%, rgba(0,15,36,0.90) 99%);
+        background-image: linear-gradient(to left, rgba(0,15,36,0.00) 0%, rgba(0,15,36,0.90) 99%);
+
+        z-index: 1;
+
+        @include mq($until: sm) {
+            display: none;
+        }
+
+    }
+
     &:hover {
 
         border: 1px solid rgba($color-main, 1);
@@ -69,6 +91,7 @@ $module: ".event-line-box";
         height: 100%;
         width: 100%;
         text-align: left;
+        z-index: 2;
 
         @include mq($until: sm) {
             position: static;
-- 
2.39.5