refactor: Icon als Bild sind größer und haben Abstand links / rechts

bin/Controls/Children/Slider.js

@@ -76,6 +76,7 @@ define('package/quiqqer/bricks/bin/Controls/Children/Slider', [
          */
         $onImport: function () {
             var Elm  = this.getElm(),
+            // var Elm  = this.getElm().getElement('.wrapper').getElement('.quiqqer-bricks-children-slider-container'),
                 size = Elm.getSize();
 
             this.$Next = new Element('div', {

src/QUI/Bricks/Controls/Children/Slider.css

@@ -56,10 +56,10 @@
 }
 
 .quiqqer-bricks-children-slider-child .quiqqer-icon {
-    font-size: 40px;
+    font-size: 80px;
     height: 100%;
     opacity: 0;
-    padding: 0 20px;
+    padding: 0 1em;
 }
 
 .quiqqer-bricks-children-slider-child-display img {
@@ -123,3 +123,17 @@
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }
+
+
+
+
+
+
+.quiqqer-bricks-children-slider-prev,
+.quiqqer-bricks-children-slider-next {
+    color: red;
+}
+/*
+.quiqqer-bricks-children-slider {
+    height: auto !important;
+}*/

src/QUI/Bricks/Controls/Children/Slider.html

+{*if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
+<header class="control-header">
+    <h1>{$this->getAttribute('frontendTitle')}</h1>
+</header>
+{/if}
+
+{if $this->getAttribute('content') != ""}
+<div class="control-content">
+    {$this->getAttribute('content')}
+</div>
+{/if*}
+
+<!--<div class="wrapper" style="height: {$this->getAttribute('height')}px;">-->
 <div class="quiqqer-bricks-children-slider-container">
     <div class="quiqqer-bricks-children-slider-container-inner">
         <ul class="quiqqer-bricks-children-slider-container-slide"
@@ -27,4 +40,5 @@
         {/strip}
         </ul>
     </div>
-</div>
\ No newline at end of file
+</div>
+<!--</div>-->
\ No newline at end of file