From ec3f9246c8fcc3df488ba51cd8194f46254c4156 Mon Sep 17 00:00:00 2001
From: Henning Leutz <leutz@pcsg.de>
Date: Sun, 22 May 2016 15:40:42 +0200
Subject: [PATCH] mobile background -> promoslider
---
.../Bricks/Controls/Slider/Promoslider.css | 28 +++++++++++++++++++
.../Bricks/Controls/Slider/Promoslider.html | 2 +-
2 files changed, 29 insertions(+), 1 deletion(-)
diff --git a/src/QUI/Bricks/Controls/Slider/Promoslider.css b/src/QUI/Bricks/Controls/Slider/Promoslider.css
index 91b6f43..b2c6b47 100644
--- a/src/QUI/Bricks/Controls/Slider/Promoslider.css
+++ b/src/QUI/Bricks/Controls/Slider/Promoslider.css
@@ -13,6 +13,7 @@
display: none;
}
+.quiqqer-bricks-promoslider-slide-mobile-slide,
.quiqqer-bricks-promoslider-slide {
float: left;
height: 100%;
@@ -89,6 +90,24 @@
display: none;
}
+.quiqqer-bricks-promoslider-slide-mobile-image {
+ height: calc(100% - 50px);
+ left: 0;
+ padding: 10px 0 0 10px;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.quiqqer-bricks-promoslider__nav_inner .quiqqer-bricks-promoslider-slide-mobile-image {
+ height: 100%;
+}
+
+.quiqqer-bricks-promoslider-slide-mobile-image img {
+ max-height: 100%;
+ width: auto;
+}
+
/** slide dots
=============================================== */
@@ -143,38 +162,47 @@
/** Wallpaper classes
================================================ */
+.quiqqer-bricks-promoslider-wallpaper__top .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__top .quiqqer-bricks-promoslider-slide-image {
background-position: top center;
}
+.quiqqer-bricks-promoslider-wallpaper__top-left .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__top-left .quiqqer-bricks-promoslider-slide-image {
background-position: top left;
}
+.quiqqer-bricks-promoslider-wallpaper__top-right .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__top-right .quiqqer-bricks-promoslider-slide-image {
background-position: top right;
}
+.quiqqer-bricks-promoslider-wallpaper__left .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__left .quiqqer-bricks-promoslider-slide-image {
background-position: left center;
}
+.quiqqer-bricks-promoslider-wallpaper__right .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__right .quiqqer-bricks-promoslider-slide-image {
background-position: right center;
}
+.quiqqer-bricks-promoslider-wallpaper__center .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__center .quiqqer-bricks-promoslider-slide-image {
background-position: center center;
}
+.quiqqer-bricks-promoslider-wallpaper__bottom .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__bottom .quiqqer-bricks-promoslider-slide-image {
background-position: bottom center;
}
+.quiqqer-bricks-promoslider-wallpaper__bottom-left .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__bottom-left .quiqqer-bricks-promoslider-slide-image {
background-position: bottom right;
}
+.quiqqer-bricks-promoslider-wallpaper__bottom-right .quiqqer-bricks-promoslider-slide-mobile-image,
.quiqqer-bricks-promoslider-wallpaper__bottom-right .quiqqer-bricks-promoslider-slide-image {
background-position: bottom right;
}
diff --git a/src/QUI/Bricks/Controls/Slider/Promoslider.html b/src/QUI/Bricks/Controls/Slider/Promoslider.html
index 7f59a53..a81865e 100644
--- a/src/QUI/Bricks/Controls/Slider/Promoslider.html
+++ b/src/QUI/Bricks/Controls/Slider/Promoslider.html
@@ -70,7 +70,7 @@
{image image=$slide.image}
</div>
{/if}
-
+
<div class="quiqqer-bricks-promoslider-slide-mobile-display">
{if $Utils->isImage($slide.title) || $slide.title != ''}
<header class="quiqqer-bricks-promoslider-slide-mobile-title">
--
GitLab