1berry/qtbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Docs: Broken layout on landing page (offline style)

Browse Source 
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: 6.8
Change-Id: I6867b178e5a1acf6a4fbd5302a857e5f3ca0a62f
Reviewed-by: Paul Wicking <paul.wicking@qt.io>
Reviewed-by: Kai Köhne <kai.koehne@qt.io>
(cherry picked from commit d39c9d37ade8d74e534952e47061168be8904fc7)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
This commit is contained in:
Alexei Cazacov 2024-09-25 15:11:35 +03:00 committed by Qt Cherry-pick Bot
parent fc28eb4688
commit 148f1a5a89
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/global/template/style/offline.css
View File

@ -724,6 +724,9 @@ Landing page
vertical-align: top; vertical-align: top;
} }
.landing {
display: flex;
}
.landing h2 { .landing h2 {
background-color: transparent; background-color: transparent;
@ -738,19 +741,14 @@ Landing page
} }
.col-1 { .col-1 {
display: inline-block;
white-space: normal; white-space: normal;
width: 70%; width: 70%;
height: 100%;
float: left;
} }
.col-2 { .col-2 {
display: inline-block;
white-space: normal; white-space: normal;
width: 20%; width: 20%;
margin-left: 5%; margin-left: 5%;
position: relative;
top: -20px; top: -20px;
} }