Add wrapping to long diff lines (#2789)

* Add wrapping to long diff lines to fix #1827

* Fix  css class and make changes to source (less) files

* Fix wrong space indentation

* Fix indentation inconsistencies and remove very old WebKit workaround
tokarchuk/v1.17
Lauris BH 7 years ago committed by Lunny Xiao
parent ddb7f59ef4
commit 762f1d7237
  1. 2
      public/css/index.css
  2. 11
      public/less/_base.less
  3. 1
      public/less/_repository.less
  4. 2
      templates/repo/diff/section_unified.tmpl

File diff suppressed because one or more lines are too long

@ -26,7 +26,13 @@ pre, code {
// white-space: -moz-normal; /* Mozilla, since 1999 */ // white-space: -moz-normal; /* Mozilla, since 1999 */
// white-space: -normal; /* Opera 4-6 */ // white-space: -normal; /* Opera 4-6 */
// white-space: -o-normal; /* Opera 7 */ // white-space: -o-normal; /* Opera 7 */
word-break: break-word;
-ms-word-break: break-all;
word-break: break-all;
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
} }
} }
.dont-break-out { .dont-break-out {
@ -35,10 +41,7 @@ pre, code {
word-wrap: break-word; word-wrap: break-word;
-ms-word-break: break-all; -ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all; word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */ /* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto; -ms-hyphens: auto;

@ -939,6 +939,7 @@
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
vertical-align: top;
span.fold { span.fold {
display: block; display: block;

@ -16,7 +16,7 @@
</td> </td>
{{end}} {{end}}
<td class="lines-code"> <td class="lines-code">
<pre><code class="{{if $highlightClass}}language-{{$highlightClass}}{{else}}nohighlight{{end}}">{{$section.GetComputedInlineDiffFor $line}}</code></pre> <pre><code class="wrap {{if $highlightClass}}language-{{$highlightClass}}{{else}}nohighlight{{end}}">{{$section.GetComputedInlineDiffFor $line}}</code></pre>
</td> </td>
</tr> </tr>
{{end}} {{end}}

Loading…
Cancel
Save