Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

messages: Wrap inline code blocks on long lines. 

In 25b28bf82c and then
cb1bc70ab0, we attempted to make long
code blocks scroll in a reasonable fashion, without much success.

This change causes code blocks to be line-wrapped, without needing to
set `overflow-y: hidden` for paragraphs (which cause problems with
taller elements like emoji that overlfowed wrong).  Our octopi finally
have legs again.

It's not clear that this is the final answer, but it's the best
version we've found so far.
This commit is contained in:
Brock Whittaker 2016-11-09 16:06:15 -08:00 committed by Tim Abbott
parent 16e37f8874
commit 129d88825c
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/zulip.css
View File

@ -328,6 +328,11 @@ code {
font-size: 0.857em;
}
.message_content p code {
white-space: pre-wrap;
padding: 0px 4px;
}
.codehilite {
display: block !important;
border: none !important;
@ -1216,11 +1221,6 @@ div.focused_table {
position: relative;
}
.message_content p {
overflow-x: auto;
overflow-y: hidden;
}
.message_edit_content {
line-height: 18px;
}