@NeoScripter
Posted
Looks nice! The only thing I would improve is that in mobile view, there are two share buttons with arrows instead of one. What you could do is to change the design of the button using JS. Since it's svg, it can be easily filled with any color. In my case, I used this code:
clearTimeout(timeoutId);
socialLinks.style.display = 'flex';
svgPath.style.fill = 'white';
shareBtn.style.backgroundColor = 'hsl(217, 19%, 55%)';
}
function hideSocialLinks() {
timeoutId = setTimeout(function() {
socialLinks.style.display = 'none';
shareBtn.style.backgroundColor = 'hsla(212, 23%, 69%, 0.2)';
svgPath.style.fill = '';
}, 500);
}
@Scott1UP
Posted
Another great suggestion @NeoScripter!
At this point, I had next to no JS experience so it is awesome to hear that there are simpler alternatives to my previous approach :)
@NeoScripter
Posted
I also don't have too much experience with JS, just learning it now, but it's really great. I'm glad my suggestion was helpful! @Scott1UP