silverstripe-framework/css/TreeDropdownField.css

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); }
div.TreeDropdownField .treedropdownfield-panel.loading { min-height: 30px; background: white url("../images/network-save.gif") 7px 7px no-repeat; }
div.TreeDropdownField .treedropdownfield-panel ul.tree { margin: 0; }
div.TreeDropdownField .treedropdownfield-panel ul.tree a { font-size: 12px; }
div.TreeDropdownField .treedropdownfield-toggle-panel-link { border: none; margin: 0; z-index: 0; padding: 7px 3px; overflow: hidden; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
div.TreeDropdownField .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree { background: transparent; border: none; }
div.TreeDropdownField .treedropdownfield-toggle-panel-link a { text-decoration: none; display: block; border: 0; margin: 0; opacity: 0.5; }
div.TreeDropdownField a.jstree-loading .jstree-pageicon { background: white url("../images/network-save.gif") center center no-repeat; }
BUG: Treedropdowns broken inside togglecomposite fields (fixes #1945) * Removed positioning javascript from treedropdownfield * Set parent to be relatively positioned and overflow to visible 2013-05-23 04:41:08 +02:00			`div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: visible; position: relative; }`
MINOR Using SCSS/Compass for sapphire/css 2012-01-07 19:23:25 +01:00			`div.TreeDropdownField input { border: none; background: none; padding: 0; margin: 0; }`
BUGFIX: #6934 allow whole TreeDropdownField to be clicked 2012-03-23 23:30:13 +01:00			`div.TreeDropdownField .treedropdownfield-title { float: left; padding: 7px; width: 90%; line-height: 16px; overflow: hidden; outline: none; }`
BUGFIX: Fixes #7003 Changed the calculation of the iframe size so it would be the correct height. Altered the styles of the view details area to match design. Changed the background color of the title on the file header so it wouldn't look editable (as recommended by Felipe) 2012-04-18 05:11:18 +02:00			`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); }`
Fixed TreeDropdownField loading indicators 2013-03-20 14:45:23 +01:00			`div.TreeDropdownField .treedropdownfield-panel.loading { min-height: 30px; background: white url("../images/network-save.gif") 7px 7px no-repeat; }`
MINOR Using SCSS/Compass for sapphire/css 2012-01-07 19:23:25 +01:00			`div.TreeDropdownField .treedropdownfield-panel ul.tree { margin: 0; }`
			`div.TreeDropdownField .treedropdownfield-panel ul.tree a { font-size: 12px; }`
Consistent dropdown styles between chosen.js and treedropdown Removed trigger background. Incidentally this also makes it less obvious that the trigger has too much padding on the right (which I can't figure out ...) 2013-06-14 23:46:52 +02:00			`div.TreeDropdownField .treedropdownfield-toggle-panel-link { border: none; margin: 0; z-index: 0; padding: 7px 3px; overflow: hidden; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }`
MINOR Using SCSS/Compass for sapphire/css 2012-01-07 19:23:25 +01:00			`div.TreeDropdownField .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree { background: transparent; border: none; }`
			`div.TreeDropdownField .treedropdownfield-toggle-panel-link a { text-decoration: none; display: block; border: 0; margin: 0; opacity: 0.5; }`
Fixed TreeDropdownField loading indicators 2013-03-20 14:45:23 +01:00			`div.TreeDropdownField a.jstree-loading .jstree-pageicon { background: white url("../images/network-save.gif") center center no-repeat; }`