Facet panel now resizes its children properly.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@832 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-05-20 06:28:00 +00:00
parent e1feec436a
commit bf6ba51700
2 changed files with 10 additions and 4 deletions

View File

@ -32,11 +32,15 @@ function BrowsingEngine(div, facetConfigs) {
BrowsingEngine.prototype.resize = function() { BrowsingEngine.prototype.resize = function() {
if (this._facets.length > 0) { if (this._facets.length > 0) {
var header = this._div.find(".browsing-panel-header");
var body = this._div.find(".facets-container"); var body = this._div.find(".facets-container");
var bodyPaddings = body.outerHeight(true) - body.height(); var bodyPaddings = body.outerHeight(true) - body.height();
var height =
this._div.height() -
this._div.find(".browsing-panel-header").outerHeight(true) -
this._div.find(".browsing-panel-modes").outerHeight(true) -
bodyPaddings;
body.css("height", (this._div.height() - header.outerHeight(true) - bodyPaddings) + "px"); body.css("height", height + "px");
this._elmts.facets.sortable("refresh"); this._elmts.facets.sortable("refresh");
} }

View File

@ -1,5 +1,5 @@
.browsing-panel-modes { .browsing-panel-modes {
margin: 1em 0; padding-bottom: 0.5em;
text-align: center; text-align: center;
} }
.browsing-panel-modes .ui-button .ui-button-text { .browsing-panel-modes .ui-button .ui-button-text {
@ -11,6 +11,7 @@
} }
.browsing-panel-header { .browsing-panel-header {
padding-bottom: 0.5em;
position: relative; position: relative;
display: none; display: none;
} }
@ -38,6 +39,7 @@
} }
.browsing-panel-help { .browsing-panel-help {
margin-bottom: 1em;
padding: 10px; padding: 10px;
background: white; background: white;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -63,7 +65,7 @@ li.facet-container {
clear: both; clear: both;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: 6px; margin-bottom: 6px;
background: white; background: white;
border: 1px solid #bbb; border: 1px solid #bbb;