tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-30 13:19:11 +02:00
Code Issues Projects Releases Wiki Activity

BUG: GridField add existing auto complete has no max height (fixes #7965)

Browse Source 
Added a maxheight to the ui-autocompleter, as used in gridfield, and
specified what to do with overflow.
This commit is contained in:
Naomi Guyer 2012-11-02 13:36:51 +13:00
parent 43cd54bb25
commit 95b5f6541f
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/css/screen.css
View File

@ -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 ---------------------------------------------------- */

9
admin/scss/_uitheme.scss
View File

@ -53,7 +53,6 @@
border: 0;
}
.ui-widget-header {
background-color: darken($color-widget-bg, 20%);
padding: 8px 8px 6px 8px;
@ -70,8 +69,6 @@
text-shadow: lighten($color-base, 10%) 1px 1px 0;
}
& a.ui-dialog-titlebar-close {
position: absolute;
top: -8px;
@ -120,4 +117,10 @@
border-top: none;
}
}
.ui-autocomplete{
max-height: 240px;
overflow-x: hidden;
overflow-y: auto;
}
}

1
scss/GridField.scss
View File

@ -118,7 +118,6 @@ $gf_grid_x: 16px;
display: inline-block;
}
}
table.ss-gridfield-table {
display: table;
@include box-shadow-none;