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.

Pick-to: 6.0
Fixes: QTBUG-89470
Fixes: QTBUG-89471
Change-Id: Ib11a45baf5e92565b22e21f3bd1a929cbbbef608
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
This commit is contained in:
Topi Reinio 2020-12-14 11:22:55 +01:00
parent 093e0d452f
commit 1021cbf45b

View File

@ -89,13 +89,11 @@ offline viewing: HTML links display an icon
----------- -----------
*/ */
a[href*="http://"], a[href*="ftp://"], a[href*="https://"] { a[href*="http://"]::before,
text-decoration: none; a[href*="ftp://"]::before,
background-image: url(../images/ico_out.png); a[href*="https://"]::before {
background-repeat: no-repeat; content: url(../images/ico_out.png);
background-position: left; padding-right: 5px;
padding-left: 20px;
text-align: left;
} }
.flags { .flags {
@ -547,11 +545,27 @@ ol.a > li{
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
ol > li { ol > li {
margin-left: 30px; margin-left: 30px;
padding-left: 8px; 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 { .centerAlign {
text-align: left text-align: left