search

relaycc / receiver

Relay Receiver is a React library that makes it easy to add Web3 messaging to your website.
http://www.demo.relay.cc
MIT License
39 stars 2 forks source link

Removing horizontal scrolling from conversations list #81

Closed BrianS111 closed 2 years ago

BrianS111 commented 2 years ago

Draft PR for https://github.com/relaycc/receiver/issues/67

BrianS111 commented 2 years ago

Closes #67

The issue stemmed from removing the CSS reset which switched the conversation list to box-sizing: content box, the additional padding not counted as part of the width from that change lead to an overflow and a scrollbar. Switching the list items to box-sizing: border-box made everything fit perfectly again. Here is a new video where I'm trying to scroll left and right like in the video from #67, but now we get the intended effect of the list not scrolling.

https://user-images.githubusercontent.com/81312527/192166984-8d1aa3c2-2659-4222-8a64-40b57995b8bd.mov

killthebuddh4 commented 2 years ago

Closed because this should be fixed by #79