wrapper to dim the tab content for search dialog

This commit is contained in:
Doug Bell 2010-08-20 14:29:33 -05:00
parent 87248730b3
commit 567518e7d0
2 changed files with 28 additions and 19 deletions

View file

@ -596,25 +596,27 @@ __DATA__
<li class="selected"><a href="#tab1"><em>View</em></a></li>
<li><a href="#tab2"><em>Tree</em></a></li>
</ul>
<div id="locationBar">
<span id="left">
<input type="button" id="backButton" value="&lt;" /><input type="button" id="forwardButton" value="&gt;" />
</span>
<div id="location">
<input type="text" id="locationUrl" value="" />
<span id="locationTitle"></span>
<div id="tab_wrapper">
<div id="locationBar">
<span id="left">
<input type="button" id="backButton" value="&lt;" /><input type="button" id="forwardButton" value="&gt;" />
</span>
<div id="location">
<input type="text" id="locationUrl" value="" />
<span id="locationTitle"></span>
</div>
<span id="right">
<input type="button" id="searchButton" value="S" /><input type="button" id="homeButton" value="H" />
</span>
<div id="search"></div>
</div>
<span id="right">
<input type="button" id="searchButton" value="S" /><input type="button" id="homeButton" value="H" />
</span>
<div id="search"></div>
</div>
<div id="tab_wrapper" class="yui-content">
<div id="viewTab"><iframe src="<tmpl_var viewUrl>" name="view"></iframe></div>
<div id="treeTab">
<div id="treeCrumbtrail"></div>
<div id="treeDataTableContainer"></div>
<div id="treePagination"></div>
<div id="tab_content_wrapper" class="yui-content">
<div id="viewTab"><iframe src="<tmpl_var viewUrl>" name="view"></iframe></div>
<div id="treeTab">
<div id="treeCrumbtrail"></div>
<div id="treeDataTableContainer"></div>
<div id="treePagination"></div>
</div>
</div>
</div>
</div>

View file

@ -26,10 +26,17 @@ html,body { margin: 0; padding: 0; height: 100% }
bottom: 0px;
left: 0px;
right: 0px;
margin-top: 44px; /* below the location bar, easier to change this in JS */
overflow: hidden;
}
#tab_content_wrapper {
position: absolute;
top: 44px; /* below the location bar */
bottom: 0px;
left: 0px;
right: 0px;
}
#versionTag {
float: left;
width: 57%;