https://github.com/byxor/messenger-codeblock-fix

Fixes the width of code blocks in messenger
https://github.com/byxor/messenger-codeblock-fix

Last synced: 5 days ago
JSON representation

Fixes the width of code blocks in messenger

• Host: GitHub
• URL: https://github.com/byxor/messenger-codeblock-fix
• Owner: byxor
• Created: 2018-05-02T08:54:53.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-04T22:41:45.000Z (over 6 years ago)
• Last Synced: 2025-01-01T02:18:06.549Z (24 days ago)
• Language: CSS
• Size: 24.4 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
A recent update to [Facebook Messenger](http://www.messenger.com) has broken the way code blocks are displayed. The messages are word wrapped for seemingly no reason.

A tiny CSS tweak can fix the problem and give you the code blocks you deserve.

## Demo

### Before:

![Image of code block before fix](before.png)

### After:

![Image of code block after fix](after.png)

## Installation

### 1. Get a CSS injection addon for your browser.

You can use Stylus for [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/).

Don't use Stylish, [it's spyware](https://www.reddit.com/r/programming/comments/8vpqqg/stylish_browser_extension_steals_all_your/).

### 2. Copy the fixed CSS into the CSS injector.

The fixed CSS is in the `fix.css` file.