SONAR-5856 cut the description if it is too long

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 a5c4c61604a935876551890f5fa24cdaf59bd79b..d91d1c635b1f8cd825130c0e8dff247b8205b3f8 100644 (file)
--- 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;