Twitter quote-tweets not shown in oneboxes

Twitter oneboxes work well, except for quote tweets. In this case, the “parent” tweet is shown, but the quoted tweet is only shown as a link.

Would appreciate if someone could improve the oneboxing of quote tweets.

Quote tweet as displayed on Twitter:

Onebox:

11 个赞

I like this suggestion, its a rather complex change, but wacking a pr-welcome on it for now in case anyone is feeling brave.

5 个赞

I’ll try to make a PR to fix this. Will let you know

9 个赞

Still working on it but let me know if you have any suggestions/comments :slight_smile:

13 个赞

PR is in the oven here:

https://github.com/discourse/onebox/pull/407

@techAPJ is reviewing.

There are some minor CSS things @awesomerobot may want to look at as well. In general we don’t like using :hover and the rounded corners there look bigger than the ones on twitter, but that should be trivial to fix.

Overall this is looking great @jcalvento !

7 个赞

PR looks awesome @jcalvento! :+1:

Added a small comment regarding code formatting, once that is done it’s ready for merge. :slight_smile:

4 个赞

This change is now live :tada:

Thanks @jcalvento :trophy:

10 个赞

Spacing seems extreme on mobile, can it be tightened up?

6 个赞

I made some changes to improve overall quote styling.

IMO, there is still a minor scope to reduce space between

  • name/username and tweet body
  • quoted tweet and timestamp/likes/retweets

The space is coming from white-space: pre-line applied on tweet class. @awesomerobot can you have a quick look if there is some scope for further improvement?

11 个赞

Still just wayyy too much space on mobile.

1 个赞

Right, we need that so the whitespace in the tweet is formatted as it was posted… but it also causes the whitespace in the HTML to show up, so here I removed it in the template — this should fix it

5 个赞

Deployed the updated gem and the onebox looks much better!

Should we consider decreasing padding on the top of timestamp to 5px (from 10px)?

8 个赞

Oh I think I missed some whitespace at the bottom… I think this will fix it

https://github.com/discourse/onebox/commit/cc4d02a3f7f8c54b154d8fa9cbdd741383da61e3

5 个赞

I dunno, I think Arpit is right when he says

2 个赞

Still too much whitespace here @awesomerobot

3 个赞

Hmm, there’s still an extra return in the template I missed somewhere… but removing the padding will get rid of the space despite that.

https://github.com/discourse/discourse/commit/d841bff9f8630ecb7ed711907022ff15f8d45d38

5 个赞