diff options
| author | Morgan Bazalgette <git@howl.moe> | 2018-03-06 23:44:45 +0100 |
|---|---|---|
| committer | Lauris BH <lauris@nix.lv> | 2018-03-07 00:44:45 +0200 |
| commit | 4009c245a367e42f3bc4f76efb8557cfce2d51da (patch) | |
| tree | a23a7a31877e034255a275f3d9def0014de7e4e1 /public/less | |
| parent | 9fc418a6526ef085468af548e3a38c55f686ca35 (diff) | |
| download | gitea-4009c245a367e42f3bc4f76efb8557cfce2d51da.tar.gz gitea-4009c245a367e42f3bc4f76efb8557cfce2d51da.zip | |
Make columns in split view of the same width (#3619)
as well as fix indentation and add 1px border to line counter of the new
code on the right.
Diffstat (limited to 'public/less')
| -rw-r--r-- | public/less/_repository.less | 75 |
1 files changed, 44 insertions, 31 deletions
diff --git a/public/less/_repository.less b/public/less/_repository.less index 53ad337f51..108a498e55 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -989,13 +989,16 @@ margin: 0; } .lines-num { - border-right: 1px solid #d4d4d5; + border-color: #d4d4d5; + border-right-width: 1px; + border-right-style: solid; padding: 0 5px; } tbody { tr { td.halfwidth { - width: 50%; + // halfwidth is used in split view - and in that case, 1% of each + width: 49%; } &.tag-code td, td.tag-code { @@ -1034,23 +1037,33 @@ 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; + .code-diff-split { + table, tbody { + width: 100%; } + 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; - } + &.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; + &.add-code td:nth-child(3), &.add-code td:nth-child(4), + td.add-code{ + background-color: #d6fcd6 !important; + border-color: #c1e9c1 !important; + } + + td:nth-child(3) { + border-left-width: 1px; + border-left-style: solid; + } } } &.file-content { @@ -1263,11 +1276,11 @@ } @media only screen and (max-width: 767px) { - .dividing.header .stackable.grid .button { - margin-top: 2px; - margin-bottom: 2px; - } - } + .dividing.header .stackable.grid .button { + margin-top: 2px; + margin-bottom: 2px; + } + } } &.settings { @@ -1698,14 +1711,14 @@ tbody.commit-list { } @media only screen and (max-width: 767px) { - .ui.stackable.menu { - &.mobile--margin-between-items > .item { - margin-top: 5px; - margin-bottom: 5px; - } - &.mobile--no-negative-margins { - margin-left: 0; - margin-right: 0; - } - } + .ui.stackable.menu { + &.mobile--margin-between-items > .item { + margin-top: 5px; + margin-bottom: 5px; + } + &.mobile--no-negative-margins { + margin-left: 0; + margin-right: 0; + } + } } |