a9a68a87b9
Recent changes in QDoc's output for QML type reference pages included rearranging the `extra synopsis` element, i.e, read-only, since, and deprecation information for properties. As a result, the existing CSS for the offline documentation caused some elements to be rendered on top of each other when using the qlitehtml- based backend in Qt Assistant and Qt Creator. To fix the layout, set a fixed width for the table elements that are used to display the properties, property groups, and methods. This change brings the style of QML reference pages closer to that of C++ reference, where signatures also have a fixed width. Pick-to: 6.10 6.9 6.8 Fixes: QTBUG-136990 Change-Id: I72adbeaca46cd9dd99c54368257268dc8db6bfdc Reviewed-by: Paul Wicking <paul.wicking@qt.io> Reviewed-by: David Boddie <david.boddie@qt.io>
140 lines
1.7 KiB
CSS
140 lines
1.7 KiB
CSS
pre, .LegaleseLeft {
|
|
font-family: Courier, monospace;
|
|
font-weight: 600;
|
|
vertical-align: top;
|
|
margin: 15px 85px 15px 35px;
|
|
padding: 25px;
|
|
width: 90%;
|
|
overflow-x:auto;
|
|
}
|
|
|
|
p {
|
|
width: 70%;
|
|
margin: 15px 0px 10px 15px;
|
|
}
|
|
|
|
table p {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
h1.title {
|
|
margin-top: 30px;
|
|
margin-left: 6px;
|
|
padding: 6px;
|
|
}
|
|
|
|
h2, p.h2 {
|
|
padding: 4px;
|
|
margin: 30px 0px 20px 10px;
|
|
}
|
|
|
|
h3 {
|
|
margin: 30px 0px 30px 6px;
|
|
}
|
|
|
|
ul, ol {
|
|
margin-top: 4px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
ul li, ol li {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mainContent li.level2 {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.rightAlign {
|
|
text-align: right;
|
|
}
|
|
|
|
h3.fn, span.fn {
|
|
word-spacing: 3px;
|
|
padding: 5px;
|
|
text-decoration: none;
|
|
font-weight: 400;
|
|
margin: 45px 0px 0px 6px;
|
|
}
|
|
.fngroup h3.fngroupitem {
|
|
margin-bottom: 5px;
|
|
}
|
|
table {
|
|
max-width: 80%;
|
|
padding: 15px 45px 15px 15px;
|
|
}
|
|
|
|
table th {
|
|
text-align: left;
|
|
padding: 8px;
|
|
}
|
|
|
|
table td {
|
|
padding: 6px 10px 6px 10px;
|
|
}
|
|
|
|
table.qmlname {
|
|
width: 75%;
|
|
}
|
|
|
|
table.qmlname td {
|
|
padding: 0px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
table.qmlname p .name,
|
|
h3.fn .name, h3.fn .type {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.context h3.fn {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.qmlextra {
|
|
font-family: Courier, monospace;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
code {
|
|
font-family: Courier, monospace;
|
|
font-weight: 400;
|
|
}
|
|
|
|
p.naviNextPrevious {
|
|
text-align: right;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
span.naviSeparator {
|
|
white-space: pre;
|
|
}
|
|
|
|
.toc h3 {
|
|
margin: 0px 0px 10px 6px;
|
|
}
|
|
|
|
.toc ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.navigationbar table {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.footer, .footer p {
|
|
padding: 5px 0px 5px 0px;
|
|
margin: 45px 15px 5px 15px;
|
|
font-size: 8.5pt;
|
|
}
|
|
|
|
.footer p {
|
|
margin: 0px;
|
|
}
|
|
|
|
.video {
|
|
margin: 15px 0 0 15px;
|
|
}
|