blob: d8f57297c1cfe12d2272050461833d46fdca6a09 [file] [log] [blame]
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:style>
.viewport {
position: relative;
overflow: hidden;
/* Force the scrollbar into LTR mode so it is reliably aligned to the left. */
direction: ltr;
}
/* scrollable is in LTR mode even if the body is in RTL mode. */
@noflip {
.scrollable {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 100px;
overflow-y: scroll;
overflow-x: hidden;
}
}
</ui:style>
<!-- Viewport: reveals only the scrollbar from the scrollable div. -->
<div
class="{style.viewport}">
<!-- Scrollable: a scrollable div. -->
<div
ui:field="scrollable"
class="{style.scrollable}">
<!-- Content: controls how far the div can be scrolled. -->
<div
ui:field="contentDiv" />
</div>
</div>
</ui:UiBinder>