Update sw-visibility command

src/canvas/view/CanvasView.js

@@ -35,8 +35,9 @@ function(Backbone, FrameView) {
         var conf = this.config.em.get('Config');
         body.append(wrap.render()).append(cssc.render());
         var protCss = conf.protectedCss;
+        var frameCss = '.' + this.ppfx	+ 'dashed *{outline: 1px dashed rgba(170,170,170,0.7); outline-offset: -2px;}';
         if(protCss)
-        	body.append('<style>' + protCss + '</style>');
+        	body.append('<style>' + frameCss + protCss + '</style>');
       }
 		},
 

src/commands/view/SwitchVisibility.js

@@ -1,16 +1,13 @@
 define(function() {
-		/**
-		 * @class SwitchVisibility
-		 * @private
-		 * */
 		return {
 
-			run: function() {
+			run: function(ed) {
-				this.$canvas.addClass(this.pfx + 'dashed');
+				ed.Canvas.getBody().className = this.ppfx + 'dashed';
 			},
 
-			stop: function() {
+			stop: function(ed) {
-				this.$canvas.removeClass(this.pfx + 'dashed');
+				ed.Canvas.getBody().className = "";
 			}
+
 		};
 	});

styles/css/main.css

@@ -2784,7 +2784,7 @@ ol.example li.placeholder:before {
   height: 100%;
   width: 100%;
   pointer-events: 'none';
-  padding: 1px;
+  padding: 1.5px;
   outline: none; }
 
 /********* PANELS **********/

styles/scss/main.scss

@@ -264,7 +264,7 @@ ol.example li.placeholder:before {position: absolute;}
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
 	height: 100%; width: 100%;
 	pointer-events: 'none';
-	padding: 1px;
+	padding: 1.5px;
   outline: none;
 }