From b0b37aa9d83c63bf53a1d8665eed379da2bff82c Mon Sep 17 00:00:00 2001
From: Nick Winter <livelily@gmail.com>
Date: Thu, 27 Mar 2014 15:07:37 -0700
Subject: [PATCH] Made play/pause and scrubber look even more disabled when
disabled.
---
app/styles/play/level/playback.sass | 5 +++++
app/views/play/level/playback_view.coffee | 4 ++--
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/app/styles/play/level/playback.sass b/app/styles/play/level/playback.sass
index 73d7f6b01..ebeff9846 100644
--- a/app/styles/play/level/playback.sass
+++ b/app/styles/play/level/playback.sass
@@ -58,6 +58,8 @@
li:hover
background: #add8e6
+ #play-button.disabled i
+ @include opacity(0.5)
#play-button.playing i.icon-pause
display: inline-block
#play-button.paused i.icon-play
@@ -96,6 +98,9 @@
border-radius: 0
border: 0
+ &.disabled
+ cursor: default
+
.progress-bar
@include transition(width .0s linear)
position: relative
diff --git a/app/views/play/level/playback_view.coffee b/app/views/play/level/playback_view.coffee
index 3ecd68027..e0ddbb24d 100644
--- a/app/views/play/level/playback_view.coffee
+++ b/app/views/play/level/playback_view.coffee
@@ -58,11 +58,11 @@ module.exports = class PlaybackView extends View
onSetLetterbox: (e) ->
if e.on
- $('.scrubber .progress', @$el).slider('disable', true)
+ $('.scrubber .progress', @$el).slider('disable', true).addClass('disabled')
$('#play-button', @$el).addClass('disabled')
$('.scrubber-handle', @$el).css('visibility', 'hidden')
else
- $('.scrubber .progress', @$el).slider('enable', true)
+ $('.scrubber .progress', @$el).slider('enable', true).removeClass('disabled')
$('#play-button', @$el).removeClass('disabled')
$('.scrubber-handle', @$el).css('visibility', 'visible')
@disabled = e.on