Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | Correct the placement of the right-side line number column in sbs diffs. |
|---|---|
| Downloads: | Tarball | ZIP archive |
| Timelines: | family | ancestors | descendants | both | sbs-diff-css |
| Files: | files | file ages | folders |
| SHA3-256: |
15139fa8214d14d5b9c5a1920e9874f5 |
| User & Date: | stephan 2024-07-31 10:57:46.906 |
Context
|
2024-07-31
| ||
| 11:06 | Remove approx. 150 lines of JS related to diff layout and syncronous scrolling. ... (check-in: 61fd1e841f user: stephan tags: sbs-diff-css) | |
| 10:57 | Correct the placement of the right-side line number column in sbs diffs. ... (check-in: 15139fa821 user: stephan tags: sbs-diff-css) | |
|
2024-07-30
| ||
| 12:03 | Initial go at using CSS grid layout for side-by-side diffs, rather than using JS to dynamically fit the columns. See discussion at [forum:93398561d3986c41|forum post 93398561d3986c41]. ... (check-in: 375f2af484 user: stephan tags: sbs-diff-css) | |
Changes
Changes to src/default.css.
| ︙ | ︙ | |||
678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 |
grid-template-columns: auto 1fr auto auto 1fr;
grid-template-areas: "difflnl difftxtl diffsep difflnr difftxtr";
}
table.udiff tr.diffchunk {
grid-template-columns: auto auto auto 1fr;
grid-template-areas: "difflnl difflnr diffsep difftxtu";
}
td.difflnr { grid-area: difflnr; }
td.difftxtu { grid-area: difftxtu; }
td.difftxtl { grid-area: difftxtl; }
td.difftxtr { grid-area: difftxtr; }
td.diffln {
width: fit-content;
text-align: right;
padding: 0 1em 0 0;
| > < | 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 |
grid-template-columns: auto 1fr auto auto 1fr;
grid-template-areas: "difflnl difftxtl diffsep difflnr difftxtr";
}
table.udiff tr.diffchunk {
grid-template-columns: auto auto auto 1fr;
grid-template-areas: "difflnl difflnr diffsep difftxtu";
}
td.difflnl { grid-area: difflnl; }
td.difflnr { grid-area: difflnr; }
td.difftxtu { grid-area: difftxtu; }
td.difftxtl { grid-area: difftxtl; }
td.difftxtr { grid-area: difftxtr; }
td.diffln {
width: fit-content;
text-align: right;
padding: 0 1em 0 0;
}
td.difflne {
padding-bottom: 0.4em;
}
td.diffsep {
width: fit-content;
padding: 0 0.3em 0 0.5em;
|
| ︙ | ︙ |