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