Doc: Adjust CSS of 'extra' information elements for functions/properties

QDoc generates a <code> element adjacent to function/property signatures
with information on when something was introduced or deprecated.

The location and attributes of this code element are changed in 6.7 -
adjust CSS accordingly.

Task-number: QTBUG-117152
Change-Id: I64523f38ece4f5ea7663f86769bb0e73de3e7fe6
Reviewed-by: Paul Wicking <paul.wicking@qt.io>

3 files changed, 29 insertions, 5 deletions

diff --git a/doc/global/template/style/offline-dark.css b/doc/global/template/style/offline-dark.css
index 559811b529..fcbf307ddb 100644
--- a/doc/global/template/style/offline-dark.css
+++ b/doc/global/template/style/offline-dark.css
@@ -372,9 +372,18 @@ h3.fn, span.fn {
 .fngroup h3.fngroupitem {
     margin-bottom: 5px;
 }
-h3.fn code {
+
+h3.fn code,
+h3.flags code,
+td.tblQmlFuncNode > p > code,
+td.tblQmlPropNode > p > code {
     float: right;
 }
+
+code.extra.summary {
+    font-size: 12px;
+}
+
 h3.fn:target {
     background-color: #F6F6D6;
 }
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
index d384659789..6426109a49 100644
--- a/doc/global/template/style/offline.css
+++ b/doc/global/template/style/offline.css
@@ -369,9 +369,18 @@ h3.fn, span.fn {
 .fngroup h3.fngroupitem {
     margin-bottom: 5px;
 }
-h3.fn code {
+
+h3.fn code,
+h3.flags code,
+td.tblQmlFuncNode > p > code,
+td.tblQmlPropNode > p > code {
     float: right;
 }
+
+code.extra.summary {
+    font-size: 12px;
+}
+
 h3.fn:target {
     background-color: #F6F6D6;
 }
diff --git a/doc/global/template/style/online.css b/doc/global/template/style/online.css
index 4f51864d8b..d7c0187409 100644
--- a/doc/global/template/style/online.css
+++ b/doc/global/template/style/online.css
@@ -1109,12 +1109,18 @@ span.wrap:active {
 code,.codelike {
   font-family:"Droid Sans Mono"
 }
-h3.fn code {
-  font-size:0.75em;
+h3.fn code,
+h3.flags code,
+td.tblQmlFuncNode > p > code,
+td.tblQmlPropNode > p > code {
+  font-size:0.6em;
   float:right;
   background-color:#eee;
   padding:3px;
-  margin: 3px 0 0 20px
+  margin-left:20px
+}
+code.extra.summary {
+  font-size:0.75em;
 }
 pre:hover>.copy_text {
   display:inline-block;