Docs: reflow demo now uses css transitions

This commit is contained in:
Mottie 2014-05-23 07:46:10 -05:00
parent b7100dc27c
commit c23dc91bb6

View File

@ -77,8 +77,9 @@
.columnSelector .disabled {
color: #ddd;
}
#table1, #table2, #table3 {
.frame-wrapper {
max-width: 100%;
transition: all 1s ease 0s;
}
iframe {
width: 100%;
@ -506,7 +507,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li>
</ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table1" class="full">
<div class="frame-wrapper full">
<iframe src="example-widget-reflow1.html"></iframe>
</div>
@ -521,7 +522,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li>
</ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table2" class="frame-wrapper full">
<div class="frame-wrapper full">
<iframe src="example-widget-reflow2.html"></iframe>
</div>
@ -536,7 +537,7 @@ table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
<li class="setsmtp"></li>
</ul>
<button class="toggle" title="Hide/show table header when the breakpoint is reached">Toggle Headers</button>
<div id="table3" class="frame-wrapper full">
<div class="frame-wrapper full">
<iframe src="example-widget-reflow3.html"></iframe>
</div>