Doc: Adjust styling of QML property signatures in offline docs

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 <[email protected]>
Reviewed-by: David Boddie <[email protected]>

2 files changed, 8 insertions, 0 deletions

diff --git a/doc/global/template/style/offline-simple.css b/doc/global/template/style/offline-simple.css
index 598c4cb8341..65cb14dbaab 100644
--- a/doc/global/template/style/offline-simple.css
+++ b/doc/global/template/style/offline-simple.css
@@ -74,6 +74,10 @@ table td {
   padding: 6px 10px 6px 10px;
 }
 
+table.qmlname {
+  width: 75%;
+}
+
 table.qmlname td {
   padding: 0px;
   margin-left: 6px;
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
index 0f05b3edf63..aff79c3b9ff 100644
--- a/doc/global/template/style/offline.css
+++ b/doc/global/template/style/offline.css
@@ -479,6 +479,10 @@ table, pre, .LegaleseLeft {
      margin: 0px
  }
 
+ table.qmlname {
+     width: 75%;
+ }
+
 .LegaleseLeft {
     font-family: monospace;
     white-space: pre-wrap;