How can I make the bottom right corner of the white pop up (one that says "185 GB left") appear triangular?
Pierre
@CezzaneAll comments
- @rohailtahaSubmitted over 4 years ago@CezzanePosted over 4 years ago
use ::after pseudoelement that is the correct way check out my solution
1 - @maenadSubmitted over 4 years ago
I am very very very rusted with JS, I don't love it that much.
BAD:
- Actually I could not make the message not appear more than once.
- I could not add the background properly. Still looks good.
GOOD:
- Done mobile first
@CezzanePosted over 4 years agoYou got a bug on validation , try this: put the error message in html then on css
display:none
so on js you only have to display it and don't print it every time.0 - @maenadSubmitted over 4 years ago
PLEASE OPEN THE PREVIEW, it looks DIFFERENT on the slider.
I do not have the Sketch file, therefore all measurements have been done by eye with my best effort. Not perfect but I am proud of this one, it was done in about 2-3 hours.
@CezzanePosted over 4 years agouse the pseudoelement
::after
for the tooltip :) check out my solution, i didn't write too much code but it looks almost the same1