summaryrefslogtreecommitdiffstats
path: root/public
diff options
context:
space:
mode:
authorUnknwon <u@gogs.io>2016-01-06 13:31:36 +0800
committerUnknwon <u@gogs.io>2016-01-06 13:31:36 +0800
commit2481fe2f567c99bdeba4c2fd5defe41fe788c8b8 (patch)
treef763380ab5c81b1a4e00202319d7ab0f66172330 /public
parent19c234db3937e0b704f1d3e69d5346614df6f8f8 (diff)
parent20871561192086ab76f153114fe8db6114d515f7 (diff)
downloadgitea-2481fe2f567c99bdeba4c2fd5defe41fe788c8b8.tar.gz
gitea-2481fe2f567c99bdeba4c2fd5defe41fe788c8b8.zip
Merge pull request #2296 from bkcsoft/feature/split-diff
Implement Split Diff-View
Diffstat (limited to 'public')
-rwxr-xr-xpublic/css/gogs.css26
-rw-r--r--public/less/_base.less7
-rw-r--r--public/less/_repository.less24
3 files changed, 57 insertions, 0 deletions
diff --git a/public/css/gogs.css b/public/css/gogs.css
index 459bf5359d..0160c5d91a 100755
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -736,6 +736,11 @@ pre.raw {
line-height: 1.5;
overflow: auto;
}
+pre.wrap {
+ white-space: pre-wrap;
+ /* CSS 3 */
+ word-break: break-word;
+}
.full.height {
padding: 0;
margin: 0 0 -80px 0;
@@ -2326,6 +2331,10 @@ footer .container .links > *:first-child {
background: #fafafa;
width: 1%;
}
+.repository .diff-file-box .file-body.file-code .lines-num span.fold {
+ display: block;
+ text-align: center;
+}
.repository .diff-file-box .file-body.file-code .lines-num-old {
border-right: 1px solid #DDD;
}
@@ -2351,16 +2360,33 @@ footer .container .links > *:first-child {
padding-top: 4px;
padding-bottom: 4px;
}
+.repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth {
+ width: 50%;
+}
+.repository .diff-file-box .code-diff tbody tr.del-code td.add-code {
+ background-color: #eaffea !important;
+ border-color: #c1e9c1 !important;
+}
+.repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre {
+ background-color: #eaffea !important;
+ border-color: #c1e9c1 !important;
+}
.repository .diff-file-box .code-diff tbody tr.del-code td,
.repository .diff-file-box .code-diff tbody tr.del-code pre {
background-color: #ffecec !important;
border-color: #f1c0c0 !important;
}
+.repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth {
+ width: 50%;
+}
.repository .diff-file-box .code-diff tbody tr.add-code td,
.repository .diff-file-box .code-diff tbody tr.add-code pre {
background-color: #eaffea !important;
border-color: #c1e9c1 !important;
}
+.repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth {
+ width: 50%;
+}
.repository .diff-file-box.file-content img {
max-width: 100%;
padding: 5px 5px 0 5px;
diff --git a/public/less/_base.less b/public/less/_base.less
index 274a5cb779..a63072fdcb 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -20,6 +20,13 @@ pre {
line-height: 1.5;
overflow: auto;
}
+ &.wrap {
+ white-space: pre-wrap; /* CSS 3 */
+// white-space: -moz-normal; /* Mozilla, since 1999 */
+// white-space: -normal; /* Opera 4-6 */
+// white-space: -o-normal; /* Opera 7 */
+ word-break: break-word;
+ }
}
.full.height {
padding: 0;
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 9891886e88..441832daf2 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -668,6 +668,11 @@
color: #A7A7A7;
background: #fafafa;
width: 1%;
+
+ span.fold {
+ display: block;
+ text-align: center;
+ }
}
.lines-num-old {
border-right: 1px solid #DDD;
@@ -698,6 +703,9 @@
padding-top: 4px;
padding-bottom: 4px;
}
+ td.halfwidth {
+ width: 50%;
+ }
// td.selected-line, td.selected-line pre {
// background-color: #ffffdd !important;
// }
@@ -708,10 +716,23 @@
// }
// }
&.del-code {
+ td.add-code {
+ background-color: #eaffea !important;
+ border-color: #c1e9c1 !important;
+ pre {
+ background-color: #eaffea !important;
+ border-color: #c1e9c1 !important;
+
+ }
+ }
td, pre {
background-color: #ffecec !important;
border-color: #f1c0c0 !important;
}
+
+ td.halfwidth {
+ width: 50%;
+ }
// td.selected-line, td.selected-line pre {
// background-color: #ffffdd !important;
// }
@@ -721,6 +742,9 @@
background-color: #eaffea !important;
border-color: #c1e9c1 !important;
}
+ td.halfwidth {
+ width: 50%;
+ }
// td.selected-line, td.selected-line pre {
// background-color: #ffffdd !important;
// }