From da0a721a2d3e95226a258144e0fd923c109ac091 Mon Sep 17 00:00:00 2001
From: gconsidine <greg@greg-considine.com>
Date: Tue, 18 Apr 2017 11:57:17 -0400
Subject: [PATCH] Add dropdown li truncation with ellipsis

Display the full text on hover by expanding the list item
container.
---
 awx/ui/client/legacy-styles/forms.less | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index d8f705e1ad..f2b39dd47f 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -343,7 +343,6 @@
 
 .select2-results__option{
     color: @field-label !important;
-    height: 30px!important;
 }
 
 .select2-container--default .select2-results__option--highlighted[aria-selected]{
@@ -630,3 +629,15 @@ input[type='radio']:checked:before {
 .alert-info--noTextTransform {
     text-transform: none;
 }
+
+.select2-results__option {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.select2-results__option:hover {
+    overflow-wrap: break-word;
+    white-space: normal;
+}
+