Revision: 5122
Author: [email protected]
Date: Fri Oct 26 18:14:56 2012
Log: fix sizing of guest vdoc in playground
http://codereview.appspot.com/6789048
in the new regime, height:100% needs to be applied to 4 nested divs
so that guest box sizing works as people expect.
this CL does that.
[email protected]
http://code.google.com/p/google-caja/source/detail?r=5122
Modified:
/trunk/src/com/google/caja/demos/playground/Playground.css
/trunk/src/com/google/caja/demos/playground/client/ui/PlaygroundUI.ui.xml
=======================================
--- /trunk/src/com/google/caja/demos/playground/Playground.css Thu Oct 25
17:13:39 2012
+++ /trunk/src/com/google/caja/demos/playground/Playground.css Fri Oct 26
18:14:56 2012
@@ -47,3 +47,6 @@
font-size: 10pt;
}
+.caja-vdoc-wrapper {
+ height: 100%;
+}
=======================================
---
/trunk/src/com/google/caja/demos/playground/client/ui/PlaygroundUI.ui.xml
Tue Sep 4 17:28:50 2012
+++
/trunk/src/com/google/caja/demos/playground/client/ui/PlaygroundUI.ui.xml
Fri Oct 26 18:14:56 2012
@@ -12,6 +12,9 @@
.pginfo { font-weight: bold; font-size: 120% }
.loadingLabel { display: hidden; }
.menuItems { margin: 5px; }
+
+ <!-- ScrollPanel puts its contents in an anonymous div -->
+ .renderScrollPanel > div { height: 100%; }
</ui:style>
<g:DockLayoutPanel>
<g:north size="80">
@@ -138,8 +141,8 @@
<g:header size='7'>Rendered Result</g:header>
<g:DockLayoutPanel unit='PX'>
<g:center>
- <g:ScrollPanel>
- <g:HTML ui:field="renderPanel"></g:HTML>
+ <g:ScrollPanel styleName="{style.renderScrollPanel}">
+ <g:HTML ui:field="renderPanel" height="100%"></g:HTML>
</g:ScrollPanel>
</g:center>
<g:north size="50">
