Doc: Change the div classes for three-column layout

The new documentation style for publishing docs under qt.io
requires dedicated div classes for pages that use a three-
column layout.

The new divs enable the columns to stack and react to changes
in the window width.

Task-number: QTBUG-42086
Change-Id: Ic99a768e82e3eefaacff85458cb1cdf10b852318
Reviewed-by: Martin Smith <martin.smith@digia.com>

1 files changed, 7 insertions, 10 deletions

diff --git a/doc/src/examples-android.qdoc b/doc/src/examples-android.qdoc
index 94aafd86b..ab8782662 100644
--- a/doc/src/examples-android.qdoc
+++ b/doc/src/examples-android.qdoc
@@ -65,8 +65,8 @@
     of Qt Quick examples including beginner-level tutorials, visit
     \l{Qt Quick Examples and Tutorials}.
 
-    \div {class="landingicons"}
-    \div {class="icons1of3"}
+    \div {class="multi-column"}
+    \div {class="doc-column"}
         \b{Touch and Key Interaction}
         \list
         \li \l{Qt Quick Examples - Touch Interaction}{Touch Interaction}
@@ -74,7 +74,7 @@
         \li \l{Qt Quick Examples - MouseArea}{MouseArea}
         \endlist
     \enddiv
-    \div {class="icons1of3"}
+    \div {class="doc-column"}
         \b{Images, Animation, and Layout}
         \list
         \li \l{Qt Quick Examples - Image Elements}{Image Elements}
@@ -85,7 +85,7 @@
         \li \l{Qt Quick Examples - Right to Left}{Right to Left}
         \endlist
     \enddiv
-    \div {class="icons1of3"}
+    \div {class="doc-column"}
         \b{Scenegraph}
         \list
         \li \l{Scene Graph - Custom Geometry}{Custom Geometry}
@@ -96,10 +96,7 @@
         \li \l{Scene Graph - Simple Material}{Simple Material}
         \endlist
     \enddiv
-    \enddiv
-
-    \div {class="landingicons"}
-    \div {class="icons1of3"}
+    \div {class="doc-column"}
         \b{Particles and Effects}
         \list
         \li \l{Qt Quick Particles Examples - Emitters}{Emitters} (Particles)
@@ -109,7 +106,7 @@
         \li \l{Qt Quick Examples - Shader Effects}{Shader Effects}
         \endlist
     \enddiv
-    \div {class="icons1of3"}
+    \div {class="doc-column"}
         \b{Extending QML}
         \list
         \li \l{Extending QML - Grouped Properties Example}{Grouped Properties}
@@ -118,7 +115,7 @@
         \li \l{Extending QML - Attached Properties Example}{Attached Properties}
         \endlist
     \enddiv
-    \div {class="icons1of3"}
+    \div {class="doc-column"}
         \b{Multimedia}
         \list
         \li \l{QML Video Shader Effects Example}{Video Shader Effects Example}