Replace icontable by div + CSS flexbox

Icon tables are detected when the first cell has an image.

Change-Id: I808c814870404dbef696e12c6f30a7611468d2ee
Reviewed-on: https://gerrit.libreoffice.org/53429
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

2 files changed, 14 insertions, 8 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index ba548c337c..cc380ffbf7 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -119,15 +119,15 @@ pre,
 /* div's for warning, tip and note */
 .note,
 .tip,
-.warning{
+.warning {
     display:flex;
     align-items: center;
     padding:0.3em;
 }
-.noteicon{
+.noteicon {
     padding:0.3em;
 }
-.notetext{
+.notetext {
     padding:0.3em;
 }
 
@@ -136,6 +136,14 @@ pre,
 /* Special case of table with one cell*/
 .onecell{
 }
+/* Special case of icon table*/
+.icontable {
+    display:flex;
+    align-items:center;
+}
+.iconcell {
+    padding:0.3em;
+}
 
 table {
     box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl
index 39ad8471a9..eeac0cfbe4 100644
--- a/help3xsl/online_transform.xsl
+++ b/help3xsl/online_transform.xsl
@@ -788,7 +788,7 @@
     </xsl:choose>
 </xsl:template>
 <xsl:template match="tablecell" mode="onecell"><xsl:apply-templates/></xsl:template>
-<xsl:template match="tablecell" mode="icontable"><td valign="top"><xsl:apply-templates/></td></xsl:template>
+<xsl:template match="tablecell" mode="icontable"><div class="iconcell"><xsl:apply-templates/></div></xsl:template>
 <xsl:template match="tablecell" mode="embedded">
     <xsl:choose>
         <xsl:when test="paragraph[@role='tablehead']">
@@ -803,7 +803,7 @@
 <!-- TABLEROW -->
 <xsl:template match="tablerow"><tr><xsl:apply-templates /></tr></xsl:template>
 <xsl:template match="tablerow" mode="onecell"><xsl:apply-templates mode="onecell"/></xsl:template>
-<xsl:template match="tablerow" mode="icontable"><tr><xsl:apply-templates mode="icontable"/></tr></xsl:template>
+<xsl:template match="tablerow" mode="icontable"><div class="icontable"><xsl:apply-templates mode="icontable"/></div><br/></xsl:template>
 <xsl:template match="tablerow" mode="embedded"><tr><xsl:apply-templates mode="embedded"/></tr></xsl:template>
 
 <!-- TITLE -->
@@ -1229,9 +1229,7 @@
         </xsl:when>
 
         <xsl:when test="descendant::tablecell[1]/descendant::image">
-            <table border="0" class="icontable" cellpadding="5" cellspacing="0">
-                <xsl:apply-templates mode="icontable"/>
-            </table>
+            <xsl:apply-templates mode="icontable"/>
         </xsl:when>
 
         <xsl:when test="@class='wide'">