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

View file

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