search

safak / react-firebase-chat

527 stars 911 forks source link

How to remove ScrollBar #36

Open HarshJambukiya opened 1 month ago

HarshJambukiya commented 1 month ago

Hello sir,

@safak, I used your code exactly as provided, but a scrollbar is not appearing in my UI. How can I remove this scrollbar?

image

abhishek270104 commented 1 month ago

you can use ::-webkit-scrollbar{ } in css file to give style to scrollbar

HarshJambukiya commented 1 month ago

I want to implement a scroll bar that functions like the one you saw in the video, without displaying the scroll bar itself.

jaydesk commented 4 weeks ago

you can use below code in chatList.css file -

.chatList{ flex: 1; overflow-y: scroll;

&::-webkit-scrollbar {
    width: 6px;
}

&::-webkit-scrollbar-track {
    background: transparent;
}

&::-webkit-scrollbar-thumb {
    background: rgba(17, 25, 40, 0.5);
    border-radius: 10px;
}

.search{
  ////  ...... further code