Integrate Customer Scroll

[wdprice]

Integrate the scrolling customer feed from Topcoder.com into the app and keep it displayed at all phases. Doesn't need the same layout at Topcoder.com, but should show the same logos and instill confidence in the user.

[nikolay83]

@urwithat @wdprice
any source code to reuse?
What will be the source of the images?

[wdprice]

I can check w/ marketing.

[wdprice]

@nikolay83 - this is a CSS keyframe animation

#box { background-image: url('https://www.topcoder.com/wp-content/uploads/2020/12/Homepage-Logos.svg'); animation: backgroundScroll 300s linear infinite; } @keyframes backgroundScroll { from {background-position: 0 0;} to {background-position: -7701px 0;} }

Adjust the keyframe “to” values depending on the size of the image that you are going to use.

May need some tinkering, but hopefully this gets us going in the right direction.

[sdgun]

@nikolay83 I do not see the customer scroll, checked in incognito too.

[nikolay83]

It used to work for me, but it's gone.

[yoution]

@nikolay83 @sdgun sorry, I can not reproduce it

[sdgun]

@yoution I tried clearing cache and in multiple browsers but no luck

[yoution]

@sdgun @nikolay83 because the screen height is less than 859px, how to fix it?

[nikolay83]

@sdgun @urwithat
something happened to the screen height. I have to zoom out to 67% to view it normally including the ribbon with logos.

[nikolay83]

@yoution
It still requires zooming out down to 75% in Safari and Chrome.

[yoution]

@nikolay83 because Baghel add a minHeight restriction， if screen height is smaller than the value, it will hide the scroll.
I don't know which screen height the scroll should support

[sdgun]

Verified in Dev in windows - Chrome/Firefox browsers and @SathyaJayabal checked in mac. Noted the customer scroll shown on top of the page when the content is still being loaded. Not reporting new issues since this feature is to be changed as per #402

[sdgun]

Verified in production.