Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Layout: Break long words in markdown preview

Browse source 
Fixes #427
- Uses hyphenation and word-break to break and wrap long words in markdown
  preview.
This commit is contained in:
Christopher Giffard 2013-08-19 20:57:40 +10:00
parent abd6c0f6cd
commit 823bb6b636
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
core/client/assets/sass/layouts/editor.scss
View file

@ -251,6 +251,12 @@
padding: 60px 40px 40px 40px; padding: 60px 40px 40px 40px;
overflow: auto; overflow: auto;
// Breaking for long words in preview region
word-break: break-word;
word-break: break-all;
-webkit-hyphens: auto;
hyphens: auto;
// Tweak padding for smaller screens // Tweak padding for smaller screens
@include breakpoint($netbook) {padding-top: 20px;} @include breakpoint($netbook) {padding-top: 20px;}
@include breakpoint($mobile) {padding: 15px;} @include breakpoint($mobile) {padding: 15px;}