From f9501aa0683c74330a0b39014357e4d13c637440 Mon Sep 17 00:00:00 2001
From: Bhanu Teja P <pbteja1998@gmail.com>
Date: Fri, 24 May 2019 15:07:11 +0530
Subject: [PATCH] Trim details to the summary, expand shows all (#1197)

* trim details using ellipsis

* fix css

* move styles to global stylesheet

* outline to none
---
 .gitignore                         |  1 +
 packages/ui-app/src/styles/app.css | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/.gitignore b/.gitignore
index 7d415f61f3..2ac9c3d1be 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,4 @@ package-lock.json
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.idea/
diff --git a/packages/ui-app/src/styles/app.css b/packages/ui-app/src/styles/app.css
index a0d8e492fc..76d2420771 100644
--- a/packages/ui-app/src/styles/app.css
+++ b/packages/ui-app/src/styles/app.css
@@ -102,3 +102,14 @@ article {
     }
   }
 }
+
+details[open] > summary {
+  white-space: normal;
+}
+
+details > summary {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  outline: none;
+}