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:
parent
9fc418a652
commit
4009c245a3
2 changed files with 45 additions and 32 deletions
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue