Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-21 06:54:08 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix video rows not scrolling

Browse source
This commit is contained in:
Sam Carlton 2022-06-08 12:48:49 -05:00
parent 4de890e3e9
commit c0f6fb2f7c
1 changed files with 3 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/video/row.astro
View file

@ -56,21 +56,12 @@ const rowSelector = `#${ rowId }`
</div> </div>
<script is:inline> <script>
function scrollHorizontalCarousel ( event ) { import { scrollHorizontalCarousel } from '~/helpers/scroll.js'
event.stopPropagation()
// console.log('event.target', event.currentTarget)
// console.log('distance', event.currentTarget.getAttribute('distance'))
const distance = Number(event.currentTarget.getAttribute('distance'))
const scrollTarget = document.querySelector(event.currentTarget.getAttribute('scroll-target'))
scrollTarget.scrollBy({ left: distance, behavior: 'smooth' })
}
// Add Click listeners to all buttons // Add Click listeners to all buttons
Array.from( document.querySelectorAll(`button.scroll-button`) ).forEach( button => { Array.from( document.querySelectorAll(`.video-row button.scroll-button`) ).forEach( button => {
// console.log('button', button) // console.log('button', button)
button.addEventListener('click', scrollHorizontalCarousel) button.addEventListener('click', scrollHorizontalCarousel)
}) })