mirror of
https://github.com/wahyd4/gitlabhq.git
synced 2026-08-11 13:46:11 +10:00
Jacob SchatzandRobert Speicher
12d9e05718
Resolve "Scrolling horz on iOS for the secondary nav is broken" ## What does this MR do? Moves absolutely positioned `div`s outside of the scrolling container because mobile safari causes those elements to jump around on scroll. ## Are there points in the code the reviewer needs to double check? Check on a real iPhone (was only able to check in iOS simulator) ## Why was this MR needed? Mobile Safari. ## What are the relevant issue numbers? Closes #18438 ## Screenshots (if relevant)  See merge request !4869
25 lines
684 B
CoffeeScript
25 lines
684 B
CoffeeScript
hideEndFade = ($scrollingTabs) ->
|
|
$scrollingTabs.each ->
|
|
$this = $(@)
|
|
|
|
$this
|
|
.siblings('.fade-right')
|
|
.toggleClass('scrolling', $this.width() < $this.prop('scrollWidth'))
|
|
|
|
$ ->
|
|
|
|
hideEndFade($('.scrolling-tabs'))
|
|
|
|
$(window)
|
|
.off 'resize.nav'
|
|
.on 'resize.nav', ->
|
|
hideEndFade($('.scrolling-tabs'))
|
|
|
|
$('.scrolling-tabs').on 'scroll', (event) ->
|
|
$this = $(this)
|
|
currentPosition = $this.scrollLeft()
|
|
maxPosition = $this.prop('scrollWidth') - $this.outerWidth()
|
|
|
|
$this.siblings('.fade-left').toggleClass('scrolling', currentPosition > 0)
|
|
$this.siblings('.fade-right').toggleClass('scrolling', currentPosition < maxPosition - 1)
|