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.
This commit is contained in:
Morgan Bazalgette 2018-03-06 23:44:45 +01:00 committed by Lauris BH
parent 9fc418a652
commit 4009c245a3
2 changed files with 45 additions and 32 deletions

File diff suppressed because one or more lines are too long

View file

@ -989,13 +989,16 @@
margin: 0; margin: 0;
} }
.lines-num { .lines-num {
border-right: 1px solid #d4d4d5; border-color: #d4d4d5;
border-right-width: 1px;
border-right-style: solid;
padding: 0 5px; padding: 0 5px;
} }
tbody { tbody {
tr { tr {
td.halfwidth { 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 { &.tag-code td, td.tag-code {
@ -1034,23 +1037,33 @@
border-color: #c1e9c1 !important; border-color: #c1e9c1 !important;
} }
} }
.code-diff-split tbody tr { .code-diff-split {
// light gray for empty lines before / after commit table, tbody {
&.add-code td:nth-child(1), &.add-code td:nth-child(2), width: 100%;
&.del-code td:nth-child(3), &.del-code td:nth-child(4) {
background-color: #fafafa;
} }
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), &.del-code td:nth-child(1), &.del-code td:nth-child(2),
td.del-code { td.del-code {
background-color: #ffe0e0 !important; background-color: #ffe0e0 !important;
border-color: #f1c0c0 !important; border-color: #f1c0c0 !important;
} }
&.add-code td:nth-child(3), &.add-code td:nth-child(4), &.add-code td:nth-child(3), &.add-code td:nth-child(4),
td.add-code{ td.add-code{
background-color: #d6fcd6 !important; background-color: #d6fcd6 !important;
border-color: #c1e9c1 !important; border-color: #c1e9c1 !important;
}
td:nth-child(3) {
border-left-width: 1px;
border-left-style: solid;
}
} }
} }
&.file-content { &.file-content {
@ -1263,11 +1276,11 @@
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.dividing.header .stackable.grid .button { .dividing.header .stackable.grid .button {
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
} }
} }
} }
&.settings { &.settings {
@ -1698,14 +1711,14 @@ tbody.commit-list {
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.ui.stackable.menu { .ui.stackable.menu {
&.mobile--margin-between-items > .item { &.mobile--margin-between-items > .item {
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
&.mobile--no-negative-margins { &.mobile--no-negative-margins {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
} }
} }