diff --git a/public/css/index.css b/public/css/index.css index cbf0280fce..2d86e812e3 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -1992,30 +1992,38 @@ footer .ui.language .menu { padding-top: 8px; padding-bottom: 8px; } -.repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(1), -.repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(2), -.repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(3), -.repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(4) { - background-color: #fafafa; -} -.repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(1), -.repository .diff-file-box .code-diff tbody tr.del-code td:nth-child(2), -.repository .diff-file-box .code-diff tbody tr td.del-code { - background-color: #ffe0e0 !important; - border-color: #f1c0c0 !important; -} -.repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(3), -.repository .diff-file-box .code-diff tbody tr.add-code td:nth-child(4), -.repository .diff-file-box .code-diff tbody tr td.add-code { - background-color: #d6fcd6 !important; - border-color: #c1e9c1 !important; -} .repository .diff-file-box .code-diff tbody tr .removed-code { background-color: #ff9999; } .repository .diff-file-box .code-diff tbody tr .added-code { background-color: #99ff99; } +.repository .diff-file-box .code-diff-unified tbody tr.del-code td { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; +} +.repository .diff-file-box .code-diff-unified tbody tr.add-code td { + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; +} +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) { + background-color: #fafafa; +} +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), +.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), +.repository .diff-file-box .code-diff-split tbody tr td.del-code { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; +} +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), +.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), +.repository .diff-file-box .code-diff-split tbody tr td.add-code { + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; +} .repository .diff-file-box.file-content img { max-width: 100%; padding: 5px 5px 0 5px; diff --git a/public/less/_repository.less b/public/less/_repository.less index 6a779a0867..0babcedf39 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -922,24 +922,6 @@ // } // } - // light gray for empty lines before / after commit - &.add-code td:nth-child(1), &.add-code td:nth-child(2), - &.del-code td:nth-child(3), &.del-code td:nth-child(4) { - background-color: #fafafa; - } - - &.del-code td:nth-child(1), &.del-code td:nth-child(2), - td.del-code { - background-color: #ffe0e0 !important; - border-color: #f1c0c0 !important; - } - - &.add-code td:nth-child(3), &.add-code td:nth-child(4), - td.add-code{ - background-color: #d6fcd6 !important; - border-color: #c1e9c1 !important; - } - .removed-code { background-color: #ff9999; } @@ -949,6 +931,36 @@ } } } + .code-diff-unified tbody tr { + &.del-code td { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; + } + + &.add-code td { + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; + } + } + .code-diff-split tbody tr { + // light gray for empty lines before / after commit + &.add-code td:nth-child(1), &.add-code td:nth-child(2), + &.del-code td:nth-child(3), &.del-code td:nth-child(4) { + background-color: #fafafa; + } + + &.del-code td:nth-child(1), &.del-code td:nth-child(2), + td.del-code { + background-color: #ffe0e0 !important; + border-color: #f1c0c0 !important; + } + + &.add-code td:nth-child(3), &.add-code td:nth-child(4), + td.add-code{ + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; + } + } &.file-content { img { max-width: 100%; diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl index 9445e7846c..90def1f843 100644 --- a/templates/repo/diff/box.tmpl +++ b/templates/repo/diff/box.tmpl @@ -85,7 +85,7 @@ {{else}} -
+
{{if $.IsSplitStyle}}