diff --git a/src/QUI/Bricks/Controls/SideBox4.css b/src/QUI/Bricks/Controls/SideBox4.css index bb88b01e9c5ec0bc5b53abe467712d5c77c77bd4..b7c34fa9945399a8161123d5c6de984de7cffa21 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 98333e840b86acfea607f12bcac58cb2415cfaf2..16ba46b22c43ff8578903e96821303967380f0f8 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' )}