Comments (5)
The following CSS might be a good fix:
pre { word-break: break-all; }
from type.
The break-all
keyword does not seem to be recognized by my Firefox browser, although anywhere
seem to exist and works for breaking the lines, well, anywhere.
It works as a fix, I assume the alternative would be to allow horizontal scrolling in code blocks. I'm not sure which is the better solution as both broken lines and scrolling makes it difficult to read code on a mobile device.
Would you know of a way to allow horizontal scrolling in a code block?
from type.
After having a look at the issue again, I have to conclude that I confused word-wrap
and the word-break
you refer to above. You are correct that the following will solve the issue.
pre {
word-wrap: break-word;
word-break: break-all;
}
Besides that, the issue only seemed to surface in Firefox, not Chrome.
from type.
Thank you! I merged the PR. I tested it in Firefox and seems to be working fine too.
from type.
Would you know of a way to allow horizontal scrolling in a code block?
I created a new issue at the moment for this and I will look into it further.
from type.
Related Issues (13)
- remove categories from feed.xml
- Allow horizontal scrolling in a code block.
- Who is using Type? HOT 9
- How can I adapt google web font to this theme?
- Long code lines expands text outside view on mobile Safari
- How to create an alternate blog (listing) page
- Fix missing feature images HOT 1
- Liquid error (line 16): Invalid US-ASCII character "\xE2" on line 5 HOT 2
- failed during stage 'building site': Build script returned non-zero exit code: 42
- disqus include is not included anywhere HOT 1
- Add custom links to navigation bar HOT 1
- Dark mode support HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from type.