search

jmadler / emoji-picker

Add a slick emoji selector to input fields and textareas on your website.
Other
1.32k stars 318 forks source link

CSS : Is it possible to add :before and :after div to get bubble style ? #146

Open pascalf22 opened 4 years ago

pascalf22 commented 4 years ago

Hello !! thanks for Emoji-picker ! I REALLY love it! I have one question, is it possible to add a "bubble style" to the maindiv (emoji-menu or emoji-items-wrap1)

I tried :

.speech-bubble {
    position: relative;
    background: #e2e2e2;
    border-radius: .4em;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #e2e2e2;
    border-bottom: 0;
    margin-left: -20px;
    margin-bottom: -20px;
}

Of course i change "speech-bubble" by emoji-menu or emoji-items-wrap1 but it's not working !

Is it possible ?

Thanks a lot !

Pascal