diff options
| author | Topi Reinio <topi.reinio@qt.io> | 2020-12-14 11:22:55 +0100 |
|---|---|---|
| committer | Qt Cherry-pick Bot <cherrypick_bot@qt-project.org> | 2020-12-22 11:30:06 +0000 |
| commit | d598f7b9b7b0e1aa08c07bcf54d7d698315ea5f5 (patch) | |
| tree | e07d28aad32f77a3eb34d2d0d64db0bd3659d7eb /doc | |
| parent | 10432c218abc0261c2a077db41b6e4ddbfba31a5 (diff) | |
Offline docs: Improve styling of unordered lists and external links
Use list-style-type correctly and replace background-image with
::before content for external link icons.
Fixes: QTBUG-89470
Fixes: QTBUG-89471
Change-Id: Ib11a45baf5e92565b22e21f3bd1a929cbbbef608
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
(cherry picked from commit 1021cbf45b399f7324431fb2c6f30e4c172a3ef6)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
Diffstat (limited to 'doc')
| -rw-r--r-- | doc/global/template/style/offline.css | 34 |
1 files changed, 24 insertions, 10 deletions
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css index 3f99aec978..a63ccc60ff 100644 --- a/doc/global/template/style/offline.css +++ b/doc/global/template/style/offline.css @@ -89,13 +89,11 @@ offline viewing: HTML links display an icon ----------- */ -a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { - text-decoration: none; - background-image: url(../images/ico_out.png); - background-repeat: no-repeat; - background-position: left; - padding-left: 20px; - text-align: left; +a[href*="http://"]::before, +a[href*="ftp://"]::before, +a[href*="https://"]::before { + content: url(../images/ico_out.png); + padding-right: 5px; } .flags { @@ -547,11 +545,27 @@ ol.a > li{ list-style-type: lower-alpha; } - ol > li { +ol > li { margin-left: 30px; padding-left: 8px; - list-style: decimal; - } + list-style-type: decimal; +} + +ol.A > li { + list-style-type: upper-alpha; +} + +ol.a > li { + list-style-type: lower-alpha; +} + +ol.i > li { + list-style-type: lower-roman; +} + +ol.I > li { + list-style-type: upper-roman; +} .centerAlign { text-align: left |