search

koolkishan / chat-app-react-nodejs

Chat Application Using React, Node.js and Socket.io with MongoDB
https://www.youtube.com/watch?v=otaQKODEUFs
713 stars 514 forks source link

emoji-picker-react style does not take effect #27

Closed waynecanfly closed 4 weeks ago

waynecanfly commented 10 months ago

css code:.button-container { display: flex; align-items: center; color: white; gap: 1rem; .emoji { position: relative; svg { font-size: 1.5rem; color: #ffff00c8; cursor: pointer; } .emoji-picker-react { position: absolute; top: -350px; background-color: #080420; box-shadow: 0 5px 10px #9a86f3; border-color: #9a86f3; .emoji-scroll-wrapper::-webkit-scrollbar { background-color: #080420; width: 5px; &-thumb { background-color: #9a86f3; } }

Vishesh1903 commented 9 months ago

did you find a solution i am still stuckkkk

Rishabh242002 commented 9 months ago

css code:.button-container { display: flex; align-items: center; color: white; gap: 1rem; .emoji { position: relative; svg { font-size: 1.5rem; color: #ffff00c8; cursor: pointer; } .emoji-picker-react { position: absolute; top: -350px; background-color: #080420; box-shadow: 0 5px 10px #9a86f3; border-color: #9a86f3; .emoji-scroll-wrapper::-webkit-scrollbar { background-color: #080420; width: 5px; &-thumb { background-color: #9a86f3; } }

Did you find the solution for this ?

Frederico03 commented 6 months ago

Changes may not take effect because the version is different. If you install the new version, it is necessary to use new names for CSS variables, such as 'emoji-picker-react' -> 'EmojiPickerReact.' You can find more details in the documentation. https://www.npmjs.com/package/emoji-picker-react