diff options
| author | Olivier Hallot <olivier.hallot@libreoffice.org> | 2018-09-05 16:38:15 -0300 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2018-09-06 17:05:28 +0200 |
| commit | 0d03a98c88e64fb3303ecc80879e76f327d6bf4f (patch) | |
| tree | 4bcfc77d802d358b3455dc07e60135aa22590823 | |
| parent | c725ea5ca254d3723acbd7fa7f75b41b63c555b1 (diff) | |
Show how beautiful are our icons
On hovering icons, enlarge them.
Next step: change icons to SVG (tdf#117551)
Change-Id: Ib43e3b54ed27352a8ca785c57dce9314adc00e4d
Reviewed-on: https://gerrit.libreoffice.org/60053
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
| -rw-r--r-- | help3xsl/default.css | 10 | ||||
| -rw-r--r-- | help3xsl/online_transform.xsl | 7 |
2 files changed, 16 insertions, 1 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index 98b8e0561e..d2fd2fa2c2 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -153,6 +153,10 @@ pre, } .noteicon { padding:0.3em; + transition: transform .2s; /* Animation */ +} +.noteicon:hover { + transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .notetext { padding:0.3em; @@ -173,6 +177,12 @@ pre, .iconcell { padding:0.3em; } +.imageicon { + transition: transform .2s; /* Animation */ +} +.imageicon:hover{ + transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ +} 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 a22c384eb6..67ea702201 100644 --- a/help3xsl/online_transform.xsl +++ b/help3xsl/online_transform.xsl @@ -1088,7 +1088,12 @@ <xsl:call-template name="convert2px"><xsl:with-param name="value" select="@height"/></xsl:call-template> </xsl:if> </xsl:variable> - <img src="{$src2}" alt="{$alt}" title="{$alt}"><xsl:attribute name="style"><xsl:value-of select="$width"/><xsl:value-of select="$height"/></xsl:attribute></img> + <img src="{$src2}" alt="{$alt}" title="{$alt}"> + <xsl:attribute name="style"><xsl:value-of select="$width"/><xsl:value-of select="$height"/></xsl:attribute> + <xsl:if test="ancestor::tablecell"> + <xsl:attribute name="class"><xsl:value-of select="'imageicon'"/></xsl:attribute> + </xsl:if> + </img> </xsl:template> <!-- Insert an object --> |