[Libreoffice-commits] help.git: help3xsl/default.css help3xsl/online_transform.xsl

[Libreoffice Gerrit user]

 help3xsl/default.css          |   10 ++++++++++
 help3xsl/online_transform.xsl |    7 ++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

New commits:
commit 0d03a98c88e64fb3303ecc80879e76f327d6bf4f
Author:     Olivier Hallot <olivier.hallot at libreoffice.org>
AuthorDate: Wed Sep 5 16:38:15 2018 -0300
Commit:     Olivier Hallot <olivier.hallot at libreoffice.org>
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 <olivier.hallot at libreoffice.org>

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 -->