diff options
| author | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2022-04-18 12:41:48 +0300 |
|---|---|---|
| committer | Ilmari Lauhakangas <ilmari.lauhakangas@libreoffice.org> | 2022-04-19 14:51:33 +0200 |
| commit | 5bab8a2d2530d7487064a2560c440269018a56b9 (patch) | |
| tree | d91363751a754721c332203218ba6afed648ac03 /help3xsl | |
| parent | 26cd9a5e8be28097e59188bcdf6bcaa9c75be4e4 (diff) | |
tdf#148621 Make ScriptForge service tables mobile-friendly
- Introduce <tablehead> element
- While considering text-align, I noticed we do not take RTL languages
into account. A CSS rule 'html[dir=ltr] th' was added, which does
nothing at the moment. We should look into directionality.
Change-Id: Ib59aa0c508529c0beaa35542d96bd5cc1aa4db29
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133114
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Diffstat (limited to 'help3xsl')
| -rw-r--r-- | help3xsl/default.css | 27 | ||||
| -rw-r--r-- | help3xsl/online_transform.xsl | 7 |
2 files changed, 32 insertions, 2 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index 2c5e59ac0a..bc053cc704 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -212,6 +212,9 @@ table, th, td { border-right: 0; padding: 0.3em; } +html[dir=ltr] th { + text-align: left; +} .tablehead, .tableheadintable { font-weight: bold; @@ -226,6 +229,17 @@ table, th, td { font-size: 0.98rem; } +/* ScriptForge service tables */ +.sf_table { + min-width: 100%; +} +.sf_table thead { + display: none; +} +.sf_table tr, .sf_table td { + display: block; +} + h1, h2, h3, @@ -840,6 +854,19 @@ li.disabled a { max-width: 200px; width: 100% } + /* ScriptForge service tables */ + .sf_table { + min-width: auto; + } + .sf_table thead { + display: table-header-group; + } + .sf_table tr { + display: table-row; + } + .sf_table td { + display: table-cell; + } } @media screen and (min-width: 1440px) { #Contents { diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl index 465415ea24..70c7ab0af5 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -732,7 +732,7 @@ <xsl:template match="tablecell"> <xsl:choose> <xsl:when test="paragraph[@role='tablehead']"> - <td rowspan="{@rowspan}" colspan="{@colspan}" class='tableheadcell'><xsl:apply-templates /></td> + <th rowspan="{@rowspan}" colspan="{@colspan}" class='tableheadcell'><xsl:apply-templates /></th> </xsl:when> <xsl:otherwise> <td rowspan="{@rowspan}" colspan="{@colspan}"><xsl:apply-templates /></td> @@ -744,7 +744,7 @@ <xsl:template match="tablecell" mode="embedded"> <xsl:choose> <xsl:when test="paragraph[@role='tablehead']"> - <td rowspan="{@rowspan}" colspan="{@colspan}" class='tableheadcell'><xsl:apply-templates mode="embedded"/></td> + <th rowspan="{@rowspan}" colspan="{@colspan}" class='tableheadcell'><xsl:apply-templates mode="embedded"/></th> </xsl:when> <xsl:otherwise> <td rowspan="{@rowspan}" colspan="{@colspan}"><xsl:apply-templates mode="embedded"/></td> @@ -758,6 +758,9 @@ <xsl:template match="tablerow" mode="icontable"><div class="icontable"><xsl:apply-templates mode="icontable"/></div></xsl:template> <xsl:template match="tablerow" mode="embedded"><tr><xsl:apply-templates mode="embedded"/></tr></xsl:template> +<!-- TABLEHEAD --> +<xsl:template match="tablehead"><thead><xsl:apply-templates /></thead></xsl:template> + <!-- TITLE --> <xsl:template match="title"/> |