90% satisfied with my Pomodoro Clock but I have two [hopefully simple] issues I need assistance with!
- When I start my clock I want my divs that allow the selection of session and break length to fade out. The animation works, but what happens is it then shifts my clock off center which looks lousy! I use bootstrap to align buttons & clock.
I had tried using jquery to change the bootstrap class of my clock so that after the buttons fade out it will be center again, but there is still a half second where it goes off center and then snaps back.
How can I get it to just stay where it is?
- When I start my timer I use jquery to populate a div that counts the number of sessions/breaks. Right now it just pops in and out a bit crudely. I want to fade it in/out but the problem is fadeIn doesn’t work. If I have it before the field has been filled there’s nothing to fade in, but if I have it after it’s already popped up on screen.
How can I get it to populate the field and then fade in?