diff --git a/bricks.xml b/bricks.xml index c4bad310498278fc3ca8492bb2b1e3c8eab91c78..3757a04b41277475fe59d3b4a520a0ff16c75961 100644 --- a/bricks.xml +++ b/bricks.xml @@ -337,6 +337,9 @@ <setting name="showShort" type="checkbox"> <locale group="quiqqer/bricks" var="brick.control.setting.showShort"/> </setting> + <setting name="limit"> + <locale group="quiqqer/bricks" var="brick.control.setting.limit"/> + </setting> </settings> </brick> diff --git a/lib/QUI/Bricks/Controls/SideBox3.css b/lib/QUI/Bricks/Controls/SideBox3.css new file mode 100644 index 0000000000000000000000000000000000000000..423e420ea79d085c9b433a70abcd53036808c4b1 --- /dev/null +++ b/lib/QUI/Bricks/Controls/SideBox3.css @@ -0,0 +1,22 @@ +.quiqqer-bricks-sidebox3, +.quiqqer-bricks-sidebox3-row { + float: left; + width: 100%; +} + +.quiqqer-bricks-sidebox3-row { + display: flex; +} + +.quiqqer-bricks-sidebox3-article { + align-items: flex-start; + display: flex; + flex-direction: column; + float: left; + padding: 20px 10px 0 10px; + width: 33.3333%; +} + +.quiqqer-bricks-sidebox3-content { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/lib/QUI/Bricks/Controls/SideBox3.html b/lib/QUI/Bricks/Controls/SideBox3.html index 2c5d0fc521133f14bc6b92d7d9686c180e685c46..62be3a20d0550bba285c65fafdde83ddb460038e 100644 --- a/lib/QUI/Bricks/Controls/SideBox3.html +++ b/lib/QUI/Bricks/Controls/SideBox3.html @@ -1,5 +1,5 @@ -<div class="{$this->getAttribute('grid-class-row')}"> +<div class="quiqqer-bricks-sidebox3"> {if $this->getAttribute('content')} <div class="quiqqer-bricks-sidebox3-content"> @@ -7,10 +7,10 @@ </div> {/if} - <div class="row" style="display: flex;"> + <div class="quiqqer-bricks-sidebox3-row"> {foreach from=$children item=Child key=key} - <article class="{$this->getAttribute('grid-class-article')} quiqqer-bricks-sidebox-article"> + <article class="quiqqer-bricks-sidebox3-article"> {if $this->getAttribute( 'showImage' )} <a href="{url site=$Child}" class="image"> {image src=$Child->getAttribute('image_site') width=640} @@ -47,9 +47,9 @@ </article> {assign var=modKey value=$key+1} - {if $modKey && $modKey % 3 === 0 && $Child@last} + {if $modKey && $modKey % 3 === 0 && !$Child@last} </div> - <div class="{$this->getAttribute('grid-class-row')}"> + <div class="quiqqer-bricks-sidebox3-row"> {/if} {/foreach} diff --git a/lib/QUI/Bricks/Controls/SideBox3.php b/lib/QUI/Bricks/Controls/SideBox3.php index f1c735d5c52539276bb3a4c733460f13a98d4229..4cd42babdca3ac6f71544366398c3fb73c0232b3 100644 --- a/lib/QUI/Bricks/Controls/SideBox3.php +++ b/lib/QUI/Bricks/Controls/SideBox3.php @@ -24,19 +24,19 @@ public function __construct($attributes = array()) { // default options $this->setAttributes(array( - 'showImage' => true, - 'showTitle' => true, - 'showDescription' => true, - 'showContent' => false, - 'class' => 'quiqqer-bricks-sidebox3', - 'nodeName' => 'section', - 'site' => false, - 'limit' => 3, - 'order' => 'release_from DESC', - 'grid-class-row' => 'row', - 'grid-class-article' => '4u' + 'showImage' => true, + 'showTitle' => true, + 'showDescription' => true, + 'showContent' => false, + 'class' => 'quiqqer-bricks-sidebox3', + 'nodeName' => 'section', + 'site' => false, + 'limit' => 3, + 'order' => 'release_from DESC' )); + $this->addCSSFile(dirname(__FILE__) . '/SideBox3.css'); + parent::__construct($attributes); }