gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-25 18:49:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4938 from gitbutlerapp/hunk-column-changes

Browse Source 
fix: File section max line number & simplify hunk header calculation
This commit is contained in:
Kiril Videlov 2024-09-18 08:34:01 +02:00 committed by GitHub
commit a01cac1baa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/desktop/src/lib/hunk/HunkDiff.svelte
View File

@ -65,6 +65,7 @@
let tableWidth = $state<number>(0);
let tableHeight = $state<number>(0);
let numberHeaderWidth = $state<number>(0);
const selected = $derived($selectedOwnership?.isSelected(hunk.filePath, hunk.id) ?? false);
let isSelected = $derived(selectable && selected);
@ -345,6 +346,7 @@
}}
>
<th
bind:clientWidth={numberHeaderWidth}
class="table__checkbox-container"
style="--border-width: {BORDER_WIDTH}px;"
class:selected={isSelected}
@ -366,9 +368,7 @@
</div>
<div
class="table__title-content"
style="--number-col-width: {pxToRem(
NUMBER_COLUMN_WIDTH_PX + 1
)}; --table-width: {tableWidth}px; --border-width: {BORDER_WIDTH}px; --top: -{BORDER_WIDTH}px"
style="--number-col-width: {numberHeaderWidth}px; --table-width: {tableWidth}px; --border-width: {BORDER_WIDTH}px; --top: -{BORDER_WIDTH}px"
>
<span>
{`@@ -${hunkLineInfo.beforLineStart},${hunkLineInfo.beforeLineCount} +${hunkLineInfo.afterLineStart},${hunkLineInfo.afterLineCount} @@`}
@ -388,8 +388,7 @@
<td>
<div
class="table__right-box"
style="--number-col-width: {NUMBER_COLUMN_WIDTH_PX +
2}px; --table-width: {tableWidth}px; --table-height: {tableHeight}px;"
style="--number-col-width: {numberHeaderWidth}px; --table-width: {tableWidth}px; --table-height: {tableHeight}px;"
></div>
</td>
</tr>
@ -517,8 +516,8 @@
pointer-events: none;
position: absolute;
top: 0;
left: calc(var(--number-col-width) * 2);
width: calc(var(--table-width) - var(--number-col-width) * 2);
left: var(--number-col-width);
width: calc(var(--table-width) - var(--number-col-width));
height: var(--table-height);
border-bottom: 1px solid var(--clr-border-2);
border-right: 1px solid var(--clr-border-2);
@ -528,8 +527,8 @@
.table__title-content {
position: absolute;
top: var(--top);
left: calc(var(--number-col-width) * 2);
width: calc(var(--table-width) - var(--number-col-width) * 2);
left: var(--number-col-width);
width: calc(var(--table-width) - var(--number-col-width));
height: calc(100% + var(--border-width) * 2);
box-sizing: border-box;
font-family: var(--mono-font-family);

14
apps/desktop/src/lib/utils/fileSections.ts
View File

@ -33,19 +33,13 @@ export class HunkSection {
hasConflictMarkers!: boolean;
get maxLineNumber(): number {
// if (section instanceof ContentSection) {
// return Math.max(
// section.lines[section.lines.length - 1].afterLineNumber || 0,
// section.lines[section.lines.length - 1].afterLineNumber || 0
// );
// }
const lastSection = this.subSections[this.subSections.length - 1];
if (!lastSection) {
return 0;
}
return Math.max(
lastSection.lines[lastSection.lines.length - 1]?.afterLineNumber || 0,
lastSection.lines[lastSection.lines.length - 1]?.afterLineNumber || 0
lastSection.lines[lastSection.lines.length - 1]?.afterLineNumber ?? 0,
lastSection.lines[lastSection.lines.length - 1]?.beforeLineNumber ?? 0
);
}
}
@ -57,8 +51,8 @@ export class ContentSection {
get maxLineNumber(): number {
return Math.max(
this.lines[this.lines.length - 1]?.afterLineNumber || 0,
this.lines[this.lines.length - 1]?.afterLineNumber || 0
this.lines[this.lines.length - 1]?.afterLineNumber ?? 0,
this.lines[this.lines.length - 1]?.beforeLineNumber ?? 0
);
}
}