From: Antonio Ospite <ao2@ao2.it>
Date: Mon, 13 Aug 2018 15:14:25 +0000 (+0200)
Subject: src/rss_converter_twitter.com.xsl: make images more adaptive
X-Git-Tag: v1.4.0~17
X-Git-Url: https://git.ao2.it/tweeper.git/commitdiff_plain/1d3e3dda8f5ca37a4d3aac594f87374cbea51243?ds=inline;hp=--cc

src/rss_converter_twitter.com.xsl: make images more adaptive

Adapt images to the screen width to avoid horizontal scrolling in the
feed reader.
---

1d3e3dda8f5ca37a4d3aac594f87374cbea51243
diff --git a/src/rss_converter_twitter.com.xsl b/src/rss_converter_twitter.com.xsl
index d1514c5..88f3b94 100644
--- a/src/rss_converter_twitter.com.xsl
+++ b/src/rss_converter_twitter.com.xsl
@@ -84,7 +84,7 @@
             <xsl:attribute name="href">
                 <xsl:value-of select="concat(@data-image-url, ':orig')"/>
             </xsl:attribute>
-            <img>
+            <img style="max-width: 100%">
                 <xsl:attribute name="src">
                     <xsl:value-of select="@data-image-url"/>
                 </xsl:attribute>
@@ -97,7 +97,7 @@
         <xsl:copy>
             <xsl:apply-templates select="@*"/>
             <xsl:attribute name="style">
-                <xsl:value-of select="concat(@style, '; background-repeat: no-repeat')"/>
+                <xsl:value-of select="concat(@style, '; background-repeat: no-repeat; background-size: 100% auto')"/>
             </xsl:attribute>
             <xsl:apply-templates select="node()"/>
         </xsl:copy>