From 95b5f6541f46fbde875ebe9b08ffcd39236d468c Mon Sep 17 00:00:00 2001
From: Naomi Guyer <naomi@silverstripe.com>
Date: Fri, 2 Nov 2012 13:36:51 +1300
Subject: [PATCH] BUG: GridField add existing auto complete has no max height
 (fixes #7965)

Added a maxheight to the ui-autocompleter, as used in gridfield, and
specified what to do with overflow.
---
 admin/css/screen.css     |  1 +
 admin/scss/_uitheme.scss | 13 ++++++++-----
 scss/GridField.scss      |  1 -
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/admin/css/screen.css b/admin/css/screen.css
index 040b2d4a5..f106a9345 100644
--- a/admin/css/screen.css
+++ b/admin/css/screen.css
@@ -135,6 +135,7 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif;
 .cms .ui-widget input, .cms .ui-widget select, .cms .ui-widget textarea, .cms .ui-widget button { color: #444444; font-size: 12px; font-family: Arial, sans-serif; }
 .cms .ui-accordion .ui-accordion-header { border-color: #c0c0c2; margin-bottom: 0; }
 .cms .ui-accordion .ui-accordion-content { border: 1px solid #c0c0c2; border-top: none; }
+.cms .ui-autocomplete { max-height: 240px; overflow-x: hidden; overflow-y: auto; }
 
 /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in framework/css/Form.css.  @package framework @subpackage admin */
 /** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
diff --git a/admin/scss/_uitheme.scss b/admin/scss/_uitheme.scss
index 3dded8001..943ba6515 100644
--- a/admin/scss/_uitheme.scss
+++ b/admin/scss/_uitheme.scss
@@ -51,8 +51,7 @@
 		font-size: $font-base-size;
 		font-family: $font-family;
 		border: 0;
-	}
-	
+	}	
 
 	.ui-widget-header {			
 		background-color: darken($color-widget-bg, 20%);
@@ -68,9 +67,7 @@
 		& .ui-dialog-title {
 			padding: 6px 0;
 			text-shadow: lighten($color-base, 10%) 1px 1px 0;
-		}
-		
-		
+		}		
 		
 		& a.ui-dialog-titlebar-close {
 			position:  absolute;
@@ -120,4 +117,10 @@
 			border-top: none;
 		}
 	}
+
+	.ui-autocomplete{
+		max-height: 240px;
+		overflow-x: hidden;
+		overflow-y: auto;
+	}
 }
diff --git a/scss/GridField.scss b/scss/GridField.scss
index 5e14d3d12..8155b5b83 100644
--- a/scss/GridField.scss
+++ b/scss/GridField.scss
@@ -118,7 +118,6 @@ $gf_grid_x:	16px;
 			display: inline-block;
 		}
 	}
-
 	table.ss-gridfield-table {
 		display: table; 
 		@include box-shadow-none;