Improve showOffsetsSelected rendering

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.4.25",
+  "version": "0.4.27",
   "author": "Artur Arseniev",
   "homepage": "http://grapesjs.com",
   "main": [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.4.25",
+  "version": "0.4.27",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/commands/view/SelectComponent.js

@@ -296,9 +296,8 @@ define(function(require) {
         this.cleanPrevious(md);
         var $el = $(el);
         var nMd = $el.data('model');
-        if(nMd){
+        if(nMd) {
           var em = this.em;
-          var config = em.get('Config');
           var mirror = nMd.get('mirror');
           nMd = mirror ? mirror : nMd;
 
@@ -317,9 +316,7 @@ define(function(require) {
 
           this.editorModel.set('selectedComponent', nMd);
           nMd.set('status','selected');
-          if(config.showOffsetsSelected) {
-            this.showFixedElementOffset(el);
-          }
+          this.showFixedElementOffset(el);
           this.hideElementOffset();
         }
       },

src/commands/view/ShowOffset.js

@@ -7,14 +7,17 @@ define(function() {
     },
 
     run: function(editor, sender, opts) {
-      if (!editor.getConfig().showOffsets) {
+      var opt = opts || {};
+      var state = opt.state || '';
+      var config = editor.getConfig();
+
+      if (!config.showOffsets ||
+          (!config.showOffsetsSelected && state == 'Fixed') ) {
         return;
       }
 
       var canvas = editor.Canvas;
-      var opt = opts || {};
       var el = opt.el || '';
-      var state = opt.state || '';
       var pos = opt.elPos || canvas.getElementPos(el);
       var style = window.getComputedStyle(el);
       var ppfx = this.ppfx;