sidebox 3 -> css und limit einstellung

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>
 

lib/QUI/Bricks/Controls/SideBox3.css

+.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

lib/QUI/Bricks/Controls/SideBox3.html

 
-<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}

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);
     }