From 0b92cb7829d662ee48ee2b7ac9c64e6459a2f9ed Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Mon, 12 Sep 2016 12:06:20 +0200
Subject: [PATCH] SONAR-5856 cut the description if it is too long

---
 .../src/main/js/apps/settings/styles.css      | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/server/sonar-web/src/main/js/apps/settings/styles.css b/server/sonar-web/src/main/js/apps/settings/styles.css
index a5c4c61604a..d91d1c635b1 100644
--- a/server/sonar-web/src/main/js/apps/settings/styles.css
+++ b/server/sonar-web/src/main/js/apps/settings/styles.css
@@ -101,6 +101,50 @@
   overflow: visible;
 }
 
+.settings-definition-description {
+  position: relative;
+  max-height: 140px;
+  overflow: hidden;
+}
+
+.settings-definition-description:before,
+.settings-definition-description:after {
+  position: absolute;
+  background-position: left bottom;
+  background-repeat: repeat-x;
+  background-size: 14px 14px;
+  content: "";
+  display: block;
+  left: 0;
+  right: 0;
+  height: 14px;
+}
+
+.settings-definition-description:before {
+  z-index: 2;
+  background-image: linear-gradient(-45deg, #cdcdcd 7px, transparent 0), linear-gradient(45deg, #cdcdcd 7px, transparent 0);
+  top: 125px;
+}
+
+.settings-definition-description:after {
+  z-index: 3;
+  background-image: linear-gradient(-45deg, #fff 7px, transparent 0), linear-gradient(45deg, #fff 7px, transparent 0);
+  top: 126px;
+}
+
+.settings-definition-description:hover {
+  max-height: 100%;
+}
+
+.settings-definition-description:hover:before,
+.settings-definition-description:hover:after {
+  display: none;
+}
+
+.settings-definition-changed .settings-definition-description:after {
+  background-image: linear-gradient(-45deg, #fcf8e3 7px, transparent 0), linear-gradient(45deg, #fcf8e3 7px, transparent 0);
+}
+
 .settings-definition-state {
   position: absolute;
   top: 0;
-- 
2.39.5