diff page ui

public/css/gogs.css

@@ -711,6 +711,12 @@ html, body {
     width: 1%;
 }
 
+.file-content .file-body.file-code .lines-ellipsis {
+    background-color: #FAFAFA;
+    color: #999;
+    width: 1%;
+}
+
 .file-content .file-body.file-code .lines-num span {
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
     line-height: 1.6;
@@ -962,6 +968,10 @@ html, body {
     border-color: #f0db88 !important;
 }
 
+.diff-file-box .ellipsis-code pre {
+    color: #AAA;
+}
+
 /* wrapper and footer */
 
 #wrapper {

templates/repo/diff.tmpl

@@ -387,6 +387,36 @@
                             <pre>	"github.com/youtube/vitess/go/bson"</pre>
                         </td>
                     </tr>
+                    <tr class="ellipsis-code">
+                        <td class="text-center lines-ellipsis" colspan="2">
+                            <i class="fa fa-ellipsis-h"></i>
+                        </td>
+                        <td class="lines-code">
+                            <pre>	"github.com/youtube/vitess/go/bson"</pre>
+                        </td>
+                    </tr>
+                    <tr class="same-code nl-8 ol-10">
+                        <td class="lines-num lines-num-old">
+                            <span rel="L1">10</span>
+                        </td>
+                        <td class="lines-num lines-num-new">
+                            <span rel="L1">8</span>
+                        </td>
+                        <td class="lines-code">
+                            <pre>	"github.com/youtube/vitess/go/bson"</pre>
+                        </td>
+                    </tr>
+                    <tr class="same-code nl-8 ol-10">
+                        <td class="lines-num lines-num-old">
+                            <span rel="L1">10</span>
+                        </td>
+                        <td class="lines-num lines-num-new">
+                            <span rel="L1">8</span>
+                        </td>
+                        <td class="lines-code">
+                            <pre>	"github.com/youtube/vitess/go/bson"</pre>
+                        </td>
+                    </tr>
                     </tbody>
                 </table>
             </div>