Skip to content

Commit

Permalink
Fix some css leftovers in merge.css for chunk start and end, replacin…
Browse files Browse the repository at this point in the history
…g them using ::before and ::after.
  • Loading branch information
HaudinFlorence committed Nov 2, 2023
1 parent 4ee8b25 commit c2d47fd
Showing 1 changed file with 31 additions and 10 deletions.
41 changes: 31 additions & 10 deletions packages/nbdime/src/styles/merge.css
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,6 @@
flex-grow: 1;
}


.jp-Notebook-merge .jp-conflicted-cellId .jp-Merge-cellHeader-title {
align-self: center;
text-align: center;
Expand Down Expand Up @@ -123,15 +122,20 @@
}

.jp-Notebook-merge
.cm-merge-r-chunk-end-empty
.cm-merge-r-chunk-end-empty::after
+ .cm-linewidget
.cm-merge-spacer,
.jp-Notebook-merge
.cm-merge-m-chunk-end-remote-empty
.cm-merge-m-chunk-end-remote-empty::after
+ .cm-linewidget
.cm-merge-spacer {
border-bottom: 1px solid var(--jp-merge-remote-color1);
background-color: var(--jp-merge-remote-color3);
content: '';
width: 100%;
height: 1px;
background: var(--jp-merge-remote-color1);
display: block;
position: absolute;
left: 0px;
}

.jp-Notebook-merge .cm-merge-l-chunk {
Expand Down Expand Up @@ -229,21 +233,38 @@
.jp-Notebook-merge .cm-merge-m-chunk-start-either::before,
.jp-Notebook-merge
.cm-merge-m-chunk-start-mixed:not(.cm-merge-m-chunk-custom)::before {
border-top: 1px solid var(--jp-merge-either-color1);
content: '';
width: 100%;
height: 1px;
background: var(--jp-merge-either-color1);
display: block;
position: absolute;
left: 0px;
}

.jp-Notebook-merge .cm-merge-m-chunk-end-either::after,
.jp-Notebook-merge
.cm-merge-m-chunk-end-mixed:not(.cm-merge-m-chunk-custom)::after {
border-bottom: 1px solid var(--jp-merge-either-color1);
content: '';
width: 100%;
height: 1px;
background: var(--jp-merge-either-color1);
display: block;
position: absolute;
left: 0px;
}

.jp-Notebook-merge
.cm-merge-m-chunk-end-either-empty
.cm-merge-m-chunk-end-either-empty::after
+ .cm-linewidget
.cm-merge-spacer {
border-bottom: 1px solid var(--jp-merge-either-color1);
background-color: var(--jp-merge-either-color2);
content: '';
width: 100%;
height: 1px;
background: var(--jp-merge-either-color1);
display: block;
position: absolute;
left: 0px;
}

.jp-Notebook-merge .cm-central-editor .cm-line .cm-merge-m-deleted,
Expand Down

0 comments on commit c2d47fd

Please sign in to comment.