disable wallpaper resize controls

2 files changed, 9 insertions, 0 deletions

diff --git a/public/assets/javascripts/ui/editor/WallpaperPicker.js b/public/assets/javascripts/ui/editor/WallpaperPicker.js
index 8f701b0..994fe74 100644
--- a/public/assets/javascripts/ui/editor/WallpaperPicker.js
+++ b/public/assets/javascripts/ui/editor/WallpaperPicker.js
@@ -27,6 +27,9 @@ var WallpaperPicker = UploadView.extend({
 	  this.$position = this.$("[data-role='wallpaper-position']")
 	  this.$scale = this.$("[data-role='wallpaper-scale']")
 	  
+	  this.$wallpaperResizeControls = this.$(".wallpaperResizeControls")
+	  this.$wallpaperResizeControls.addClass('disabled')
+	  
 	  this.initializePositionCursor()
 	},
 	
@@ -154,8 +157,10 @@ var WallpaperPicker = UploadView.extend({
 	wall: null,
 	pickWall: function(wall){
     if (! wall.background || wall.background.src == "none") {
+      this.$wallpaperResizeControls.addClass('disabled')
       return;
     }
+    this.$wallpaperResizeControls.removeClass('disabled')
     this.wall = wall
     this.$scale.val( Math.log( this.wall.background.scale ) )
   },
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 226fe98..641fa75 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1630,6 +1630,10 @@ input[type="range"]::-webkit-slider-thumb {
 	border:3px solid #000;
 }
 
+.wallpaperResizeControls.disabled {
+  pointer-events: none;
+  opacity: 0.3;
+}
 .wallpaperResizeControls input[type=range] {
   width: 130px;
   position: relative;