summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/layout_nav.js.coffee
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/layout_nav.js.coffee')
-rw-r--r--app/assets/javascripts/layout_nav.js.coffee7
1 files changed, 3 insertions, 4 deletions
diff --git a/app/assets/javascripts/layout_nav.js.coffee b/app/assets/javascripts/layout_nav.js.coffee
index f8f0aea427e..cad095daae1 100644
--- a/app/assets/javascripts/layout_nav.js.coffee
+++ b/app/assets/javascripts/layout_nav.js.coffee
@@ -4,10 +4,9 @@ hideEndFade = ($scrollingTabs) ->
$this
.find('.fade-right')
- .toggleClass('end-scroll', $this.width() is $this.prop('scrollWidth'))
+ .toggleClass('scrolling', $this.width() < $this.prop('scrollWidth'))
$ ->
- $('.fade-left').addClass('end-scroll')
hideEndFade($('.scrolling-tabs'))
@@ -21,5 +20,5 @@ $ ->
currentPosition = $this.scrollLeft()
maxPosition = $this.prop('scrollWidth') - $this.outerWidth()
- $this.find('.fade-left').toggleClass('end-scroll', currentPosition is 0)
- $this.find('.fade-right').toggleClass('end-scroll', currentPosition is maxPosition)
+ $this.find('.fade-left').toggleClass('scrolling', currentPosition > 0)
+ $this.find('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1)