fix: #77

bin/Site/Area.css

@@ -43,7 +43,17 @@
     background: #fff;
     margin: 2px;
     padding: 2px;
-    width: calc( 100% - 75px );
+    width: calc(100% - 75px);
+}
+
+.quiqqer-bricks-site-category-area-brick select[disabled] {
+    border: none;
+    color: #212527;
+    cursor: default;
+
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
 }
 
 .quiqqer-bricks-site-category-area-brick button {
@@ -55,7 +65,7 @@
 }
 
 .quiqqer-bricks-site-category-area-deactivate {
-    opacity : 0.5;
+    opacity: 0.5;
     text-decoration: line-through;
 }
 

bin/Site/Area.js

@@ -105,9 +105,9 @@ define('package/quiqqer/bricks/bin/Site/Area', [
             this.$Elm = new Element('div', {
                 'class'    : 'quiqqer-bricks-site-category-area',
                 html       : '<div class="quiqqer-bricks-site-category-area-title">' +
-                QUILocale.get(title.group, title.var) +
-                '   <div class="quiqqer-bricks-site-category-area-buttons"></div>' +
-                '</div><ul class="quiqqer-bricks-site-category-area-list"></ul>',
+                             QUILocale.get(title.group, title.var) +
+                             '   <div class="quiqqer-bricks-site-category-area-buttons"></div>' +
+                             '</div><ul class="quiqqer-bricks-site-category-area-list"></ul>',
                 'data-name': this.getAttribute('name')
             });
 
@@ -284,7 +284,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [
             var self    = this,
                 Site    = this.getAttribute('Site'),
                 Project = Site.getProject();
-            console.warn('refresh');
+
             return new Promise(function (resolve) {
                 QUIAjax.get('package_quiqqer_bricks_ajax_project_getBricks', function (bricks) {
                     self.$availableBricks = bricks;
@@ -399,6 +399,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [
             var BrickNode = this.createNewBrick();
 
             BrickNode.getElement('select').set('value', brickId);
+            BrickNode.getElement('select').set('disabled', true);
 
             this.refresh();
 
@@ -429,7 +430,9 @@ define('package/quiqqer/bricks/bin/Site/Area', [
             });
 
             Elm.inject(this.$List);
+
             Select = Elm.getElement('select');
+            Select.set('disabled', true);
 
             new QUIButton({
                 title : QUILocale.get(lg, 'site.area.button.delete'),
@@ -468,6 +471,7 @@ define('package/quiqqer/bricks/bin/Site/Area', [
 
         /**
          * Return the brick list
+         *
          * @returns {Array}
          */
         getData: function () {