diff options
Diffstat (limited to 'docs/html/design/patterns/multi-pane-layouts.jd')
| -rw-r--r-- | docs/html/design/patterns/multi-pane-layouts.jd | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/html/design/patterns/multi-pane-layouts.jd b/docs/html/design/patterns/multi-pane-layouts.jd index dbe7d01..c9d3d84 100644 --- a/docs/html/design/patterns/multi-pane-layouts.jd +++ b/docs/html/design/patterns/multi-pane-layouts.jd @@ -51,13 +51,13 @@ relationship between the panels.</p> one orientation, try not to split it up when the user rotates the screen. There are several techniques you can use to adjust the layout after orientation change while keeping functional parity intact.</p> -<div class="layout-content-row"> - <div class="layout-content-col span-8"> +<div class="cols"> + <div class="col-8"> <img src="{@docRoot}design/media/multipane_stretch.png"> </div> - <div class="layout-content-col span-5"> + <div class="col-5"> <h4>Stretch/compress</h4> <p>Adjust the column width of your left pane to achieve a balanced layout in both orientations.</p> @@ -65,13 +65,13 @@ you can use to adjust the layout after orientation change while keeping function </div> </div> -<div class="layout-content-row"> - <div class="layout-content-col span-8"> +<div class="cols"> + <div class="col-8"> <img src="{@docRoot}design/media/multipane_stack.png"> </div> - <div class="layout-content-col span-5"> + <div class="col-5"> <h4>Stack</h4> <p>Rearrange the panels on your screen to match the orientation.</p> @@ -79,13 +79,13 @@ you can use to adjust the layout after orientation change while keeping function </div> </div> -<div class="layout-content-row"> - <div class="layout-content-col span-8"> +<div class="cols"> + <div class="col-8"> <img src="{@docRoot}design/media/multipane_expand.png"> </div> - <div class="layout-content-col span-5"> + <div class="col-5"> <h4>Expand/collapse</h4> <p>When the device rotates, collapse the left pane view to only show the most important information.</p> @@ -93,13 +93,13 @@ you can use to adjust the layout after orientation change while keeping function </div> </div> -<div class="layout-content-row"> - <div class="layout-content-col span-8"> +<div class="cols"> + <div class="col-8"> <img src="{@docRoot}design/media/multipane_show.png"> </div> - <div class="layout-content-col span-5"> + <div class="col-5"> <h4>Show/hide</h4> <p>If your screen cannot accommodate the compound view on rotation show the right pane in full screen view on rotation to portrait. Use the Up icon in action bar to show the parent screen.</p> |