From 7ecd2cfe21b5126a8724aaac082676638df31a0b Mon Sep 17 00:00:00 2001 From: Henning Leutz <leutz@pcsg.de> Date: Fri, 6 Oct 2017 09:58:05 +0200 Subject: [PATCH] fix: quiqqer/package-bricks#71 --- .../Slider/PromosliderWallpaper2Content.css | 8 ++++ .../Slider/PromosliderWallpaper2Content.html | 37 ++++++++++++++++++- 2 files changed, 44 insertions(+), 1 deletion(-) diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css index e54716a..99c972a 100644 --- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css +++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css @@ -15,3 +15,11 @@ width: 100%; } } + +.quiqqer-bricks-promoslider-wallpaper-container .quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage { + object-fit:contain; + object-position:0 0; + position: absolute; + top: 0; + width: 100%; +} diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html index 8e4d92f..e28d2cd 100644 --- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html +++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html @@ -17,6 +17,18 @@ {/if} </div> </div> + + {if $key === 0} + <noscript> + {if $slide.url} + <a href="{$slide.url}"> + {/if} + {image image=$slide.image class="quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage"} + {if $slide.url} + </a> + {/if} + </noscript> + {/if} </li> {/foreach} </ul> @@ -40,6 +52,18 @@ {/if} </div> </div> + + {if $key === 0} + <noscript> + {if $slide.url} + <a href="{$slide.url}"> + {/if} + {image image=$slide.image class="quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage"} + {if $slide.url} + </a> + {/if} + </noscript> + {/if} </li> {/foreach} </ul> @@ -54,4 +78,15 @@ <div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile"> <span class="fa fa-chevron-right"></span> </div> -{/if} \ No newline at end of file + +<noscript> + {literal} + <style> + .quiqqer-bricks-promoslider-wallpaper-next, + .quiqqer-bricks-promoslider-wallpaper-prev { + display: none; + } + </style> + {/literal} +</noscript> +{/if} -- GitLab