help3xsl/default.css | 10 ++++++++++ help3xsl/online_transform.xsl | 7 ++++++- 2 files changed, 16 insertions(+), 1 deletion(-)
New commits: commit 0d03a98c88e64fb3303ecc80879e76f327d6bf4f Author: Olivier Hallot <[email protected]> AuthorDate: Wed Sep 5 16:38:15 2018 -0300 Commit: Olivier Hallot <[email protected]> CommitDate: Thu Sep 6 17:05:28 2018 +0200 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 <[email protected]> diff --git a/help3xsl/default.css b/help3xsl/default.css index 98b8e0561..d2fd2fa2c 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 a22c384eb..67ea70220 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 --> _______________________________________________ Libreoffice-commits mailing list [email protected] https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
