diff options
| author | Olivier Hallot <olivier.hallot@libreoffice.org> | 2018-04-24 23:16:02 -0300 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2018-04-26 13:47:54 +0200 |
| commit | 7d7b5977dd278ac994a09f935ba43684cdab199a (patch) | |
| tree | 7279a18cfb5ff7b2ebf8a1da6f98f1ac8ee44844 /help3xsl | |
| parent | d5e4c4c48f6d132ee8e4c48c804809ec44e376f6 (diff) | |
Replace note,tip,warning with CSS flexbox
Replace <table> by <div>'s with CSS flexbox property.
Independent CSS classes for each div for easier tweaking
Change-Id: Idedcebc7d9d7b28738c25f4fe11314209e92576c
Reviewed-on: https://gerrit.libreoffice.org/53427
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Diffstat (limited to 'help3xsl')
| -rw-r--r-- | help3xsl/default.css | 17 | ||||
| -rw-r--r-- | help3xsl/online_transform.xsl | 9 |
2 files changed, 19 insertions, 7 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index 3a6ec79c2c..50023f5fc5 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -116,6 +116,23 @@ pre, .keycode { font-weight: bold; } +/* div's for warning, tip and note */ +.note, +.tip, +.warning{ + display:flex; + align-items: center; + padding:0.3em; +} +.noteicon{ + padding:0.3em; +} +.notetext{ + padding:0.3em; +} + +/* Table related classes */ + table { box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px; border-collapse: collapse; diff --git a/help3xsl/online_transform.xsl b/help3xsl/online_transform.xsl index 4cf2b4d6b6..39b656ef01 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -986,14 +986,9 @@ <xsl:variable name="doc" select="document($href)"/> <xsl:apply-templates select="$doc//variable[@id=$anchor]" mode="embedded"/> </xsl:variable> - <!-- <p class="debug">image source: <xsl:value-of select="$imgsrc"/></p> --> <div class="{$type}"> - <table border="0" class="{$type}" cellspacing="0" cellpadding="5"> - <tr> - <td><img src="{$imgsrc}" alt="{$alt}" title="{$alt}"/></td> - <td><xsl:apply-templates /></td> - </tr> - </table> + <div class="noteicon"><img src="{$imgsrc}" alt="{$alt}" title="{$alt}"/></div> + <div class="notetext"><p><xsl:apply-templates /></p></div> </div> <br/> </xsl:template> |