minor adjustments

src/Umbraco.Web.UI.Client/src/views/blockelements/imageblock/imageblock.editor.controller.js

@@ -0,0 +1,21 @@
+
+(function () {
+    'use strict';
+
+    function ImageBlockEditor($scope, entityResource) {
+
+        const bc = this;
+
+        var firstProperty = $scope.block.content.variants[0].tabs[0].properties[0];
+
+        entityResource.getById(firstProperty.value, "Media").then(function(ent) {
+            console.log(ent)
+            bc.imageUrl = ent.metaData.MediaPath;
+        });
+
+    }
+
+    angular.module("umbraco").controller("Umbraco.PropertyEditors.BlockEditor.ImageBlockEditor", ImageBlockEditor);
+
+})();
+        

src/Umbraco.Web.UI.Client/src/views/blockelements/imageblock/imageblock.editor.html

@@ -1,3 +1,9 @@
-<button type="button" class="btn-reset umb-outline blockelement-imageblock-editor blockelement__draggable-element" focus-when="{{vm.moveFocusToBlock === block}}" ng-click="vm.blockEditorApi.editBlock(block)">
-    <img src="{{block.content.temp_image}}">
+<button type="button"
+    class="btn-reset umb-outline blockelement-imageblock-editor blockelement__draggable-element"
+    focus-when="{{vm.moveFocusToBlock === block}}"
+    ng-click="vm.blockEditorApi.editBlock(block)"
+    ng-controller="Umbraco.PropertyEditors.BlockEditor.ImageBlockEditor as bc"
+    ng-style="{'backgroundColor': block.settings.backgroundColor}"
+    >
+    <img src="{{bc.imageUrl}}">
 </button>

src/Umbraco.Web.UI.Client/src/views/blockelements/imageblock/imageblock.editor.less

@@ -1,10 +1,13 @@
 .blockelement-imageblock-editor {
 
-    padding-top: 2px;
-    padding-bottom: 2px;
+    width: 100%;
+    min-height: 42px;
+    padding-bottom: 10px;
+    padding-top: 10px;
 
     img {
         width: 100%;
+        max-width: 500px;
         border: none;
         resize: none;
         border-radius: @baseBorderRadius;

src/Umbraco.Web.UI.Client/src/views/blockelements/textareablock/textareablock.editor.controller.js

@@ -5,7 +5,7 @@ angular.module("umbraco")
 
         var vm = this;
         
-        vm.firstProperty = $scope.blockItem.content.variants[0].tabs[0].properties[0];
+        vm.firstProperty = $scope.block.content.variants[0].tabs[0].properties[0];
         /*
         vm.onBlur = function() {
             if (vm.firstProperty.value === null || vm.firstProperty.value === "") {
@@ -13,6 +13,7 @@ angular.module("umbraco")
             }
         }
         */
+       // TODO: if text is empty and user hits backspace, then remove this block.
     }
 
 );

src/Umbraco.Web.UI.Client/src/views/blockelements/textareablock/textareablock.editor.html

@@ -1,5 +1,5 @@
 
-<div class="blockelement-textareablock-editor blockelement__draggable-element"  ng-controller="Umbraco.Editors.TextAreaBlockElementEditorController as vm">
+<div class="blockelement-textareablock-editor blockelement__draggable-element"  ng-controller="Umbraco.Editors.TextAreaBlockElementEditorController as vm" ng-style="{'backgroundColor': block.settings.backgroundColor}">
 
     <!-- TODO: Each block should be wrapper in a Block Element Editor directive, handling validation messages etc. -->
 

src/Umbraco.Web.UI.Client/src/views/blockelements/textareablock/textareablock.editor.less

@@ -1,8 +1,8 @@
 .blockelement-textareablock-editor {
     
     width: 100%;
-    padding-bottom: 24px;
-    padding-top: 24px;
+    padding-bottom: 10px;
+    padding-top: 10px;
     
     padding-left: 24px;
     padding-right: 24px;

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.js

@@ -121,7 +121,7 @@
             if (block === null) return null;
 
             // Lets apply fallback views, and make the view available directly on the blockModel.
-            block.view = block.config.view || vm.model.config.useInlineEditingAsDefault ? "views/blockelements/inlineblock/inlineblock.editor.html" : "views/blockelements/labelblock/labelblock.editor.html";
+            block.view = block.config.view || (vm.model.config.useInlineEditingAsDefault ? "views/blockelements/inlineblock/inlineblock.editor.html" : "views/blockelements/labelblock/labelblock.editor.html");
 
             block.showSettings = block.config.settingsElementTypeAlias != null;
 
@@ -256,7 +256,7 @@
                         added = addNewBlock(createIndex, model.selectedItem.alias);
                     }
                     vm.blockTypePicker.close();
-                    if (added && vm.blocks.length > createIndex) {
+                    if (added && vm.model.config.useInlineEditingAsDefault !== true && vm.blocks.length > createIndex) {
                         editBlock(vm.blocks[createIndex]);
                     }
                 },