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>

1 files changed, 10 insertions, 0 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;