tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-29 12:49:06 +02:00
Code Issues Projects Releases Wiki Activity

BUG: Treedropdowns broken inside togglecomposite fields (fixes #1945)

Browse Source 
* Removed positioning javascript from treedropdownfield
* Set parent to be relatively positioned and overflow to visible
This commit is contained in:
Naomi Guyer 2013-05-23 14:41:08 +12:00
parent ee784c3663
commit 8aa8674e78
3 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/TreeDropdownField.css
View File

@ -1,4 +1,4 @@
div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: hidden; }
div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: visible; position: relative; }
div.TreeDropdownField input { border: none; background: none; padding: 0; margin: 0; }
div.TreeDropdownField .treedropdownfield-title { float: left; padding: 7px; width: 90%; line-height: 16px; overflow: hidden; outline: none; }
div.TreeDropdownField .treedropdownfield-panel { clear: left; position: absolute; overflow: auto; display: none; cursor: default; border: 1px solid #aaa; border-top: none; margin: 1px 0 0 -1px; /* account for border on container div */ max-height: 200px; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

4
javascript/TreeDropdownField.js
View File

@ -58,9 +58,7 @@
$('body').bind('click', _clickTestFn);
var panel = this.getPanel(), tree = this.find('.tree-holder');
var top = this.position().top + this.height();
panel.css('top', top);
panel.css('width', this.width());
panel.show();

3
scss/TreeDropdownField.scss
View File

@ -3,7 +3,8 @@ div.TreeDropdownField {
background: #fff;
border: 1px solid #aaa;
cursor: pointer;
overflow: hidden;
overflow: visible;
position:relative;
input {
border: none;