gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-30 01:17:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix commit list expand / collapse

Browse Source
This commit is contained in:
Mattias Granlund 2023-12-03 00:44:34 +01:00
parent 84179133bc
commit 611bd60078
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/ui/src/routes/[projectId]/components/CommitList.svelte
View File

@ -51,31 +51,29 @@
{#if commits.length > 0}
<div
class="wrapper"
class="commit-list"
bind:this={viewport}
style:height={`${height}px`}
style:min-height={`${2 * headerHeight}px`}
>
<CommitListHeader {expanded} {branch} {pr$} {type} {base} bind:height={headerHeight} />
<CommitListHeader bind:expanded {branch} {pr$} {type} {base} bind:height={headerHeight} />
{#if expanded}
<div class="content-wrapper">
<div class="commit-list__content">
<div class="commits">
{#each commits as commit, idx (commit.id)}
<div class="draggable-wrapper">
<CommitListItem
{commit}
{base}
{projectId}
{readonly}
{acceptAmend}
{acceptSquash}
{onAmend}
{onSquash}
{resetHeadCommit}
isChained={idx != commits.length - 1}
isHeadCommit={commit.id === headCommit?.id}
/>
</div>
<CommitListItem
{commit}
{base}
{projectId}
{readonly}
{acceptAmend}
{acceptSquash}
{onAmend}
{onSquash}
{resetHeadCommit}
isChained={idx != commits.length - 1}
isHeadCommit={commit.id === headCommit?.id}
/>
{/each}
</div>
<CommitListFooter
@ -94,7 +92,7 @@
{/if}
<style lang="postcss">
.wrapper {
.commit-list {
background-color: var(--clr-theme-container-light);
display: flex;
flex-direction: column;
@ -102,14 +100,10 @@
position: relative;
flex-shrink: 0;
}
.content-wrapper {
.commit-list__content {
display: flex;
flex-direction: column;
padding: 0 var(--space-16) var(--space-20) var(--space-16);
gap: var(--space-8);
}
.draggable-wrapper {
}
.commits {
}
</style>