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

Improve expansion toggle css

Browse Source
This commit is contained in:
Mattias Granlund 2023-06-17 15:48:32 +01:00
parent c20e8f64f3
commit 6e5feaf4c8
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/routes/projects_new/[projectId]/FileCard.svelte
View File

@ -22,21 +22,23 @@
<div
class="changed-file flex w-full flex-col justify-center gap-2 overflow-hidden bg-[#2C2C2C] p-2"
>
<button
class="flex items-center gap-2 font-bold text-zinc-200"
aria-expanded={expanded}
on:click={() => (expanded = !expanded)}
>
<div>
<svg width="16" height="16" viewBox="0 0 20 20" fill="none">
<path class="vert" d="M10 1V19" stroke="currentColor" stroke-width="2" />
<path d="M1 10L19 10" stroke="currentColor" stroke-width="2" />
</svg>
</div>
<div class="flex items-center gap-2 font-bold text-zinc-200">
<button
class="cursor-pointer p-1"
aria-expanded={expanded}
on:click={() => (expanded = !expanded)}
>
<div>
<svg width="16" height="16" viewBox="0 0 20 20" fill="none">
<path class="vert" d="M10 1V19" stroke="currentColor" stroke-width="2" />
<path d="M1 10L19 10" stroke="currentColor" stroke-width="2" />
</svg>
</div>
</button>
<div class="overflow-hidden text-ellipsis whitespace-nowrap">
{file.path}
</div>
</button>
</div>
<div
class="hunk-change-container flex flex-col gap-2 rounded"