Docs: Broken layout on landing page (offline style)

This commit fixes the broken layout. Wrapping the divs of col-1 (content) and col-2(sidebar) classes with a container with `display:flex` does the job. Fixes: QTBUG-129178 Pick-to: dev 6.8 Change-Id: I6867b178e5a1acf6a4fbd5302a857e5f3ca0a62f Reviewed-by: Paul Wicking <[email protected]> Reviewed-by: Kai Köhne <[email protected]>
qt · Sep 26, 2024 · d39c9d3 · d39c9d3
1 parent 505ee95
commit d39c9d3
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
@@ -724,6 +724,9 @@ Landing page
     vertical-align: top;
 }
 
+.landing {
+    display: flex;
+}
 
 .landing h2 {
     background-color: transparent;
@@ -738,19 +741,14 @@ Landing page
 }
 
 .col-1 {
-    display: inline-block;
     white-space: normal;
     width: 70%;
-    height: 100%;
-    float: left;
 }
 
 .col-2 {
-    display: inline-block;
     white-space: normal;
     width: 20%;
     margin-left: 5%;
-    position: relative;
     top: -20px;
 }