From e30f156796c7a8dd37279b3f664971e1b6bce337 Mon Sep 17 00:00:00 2001
From: Michael <michael.danielczok@gmail.com>
Date: Mon, 15 Feb 2016 16:12:30 +0100
Subject: [PATCH] 4er Box - Anpassung der Bilder in den Boxen.

---
 src/QUI/Bricks/Controls/SideBox4.css  | 24 +++++++++++++++++++++++-
 src/QUI/Bricks/Controls/SideBox4.html |  9 +++++----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/QUI/Bricks/Controls/SideBox4.css b/src/QUI/Bricks/Controls/SideBox4.css
index bb88b01..b7c34fa 100644
--- a/src/QUI/Bricks/Controls/SideBox4.css
+++ b/src/QUI/Bricks/Controls/SideBox4.css
@@ -39,8 +39,23 @@
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
-    width: 100%;
     height: auto;
+    width: 100%;
+    display: flex;
+}
+
+.content-switcher-extra-div {
+    -webkit-border-radius: 15px;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    height: 180px;
+    overflow: hidden;
+
+    width: 100%;
 }
 
 header {
@@ -82,4 +97,11 @@ h3.sidebox4-header {
         width: 100% !important;
     }
 
+    .content-switcher-extra-div {
+        width: 100%;
+        height: 100%;
+        background: none;
+        overflow: hidden;
+    }
+
 }
\ No newline at end of file
diff --git a/src/QUI/Bricks/Controls/SideBox4.html b/src/QUI/Bricks/Controls/SideBox4.html
index 98333e8..16ba46b 100644
--- a/src/QUI/Bricks/Controls/SideBox4.html
+++ b/src/QUI/Bricks/Controls/SideBox4.html
@@ -13,10 +13,11 @@
         <article class="quiqqer-bricks-sidebox4-article">
 
 
-            {if $this->getAttribute( 'showImage' )}
-                {image src=$Child->getAttribute('image_site') width=650 class="sidebox4-container-image"}
-            {/if}
-
+            <div class="content-switcher-extra-div">
+                {if $this->getAttribute( 'showImage' )}
+                    {image src=$Child->getAttribute('image_site') width=650 class="sidebox4-container-image"}
+                {/if}
+            </div>
             {if $this->getAttribute( 'showTitle' ) || $this->getAttribute( 'showShort' )}
             <header>
                 {if $this->getAttribute( 'showTitle' )}
-- 
GitLab