radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-10-30 00:31:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tweak issue title edit buttons and alignment

Browse Source
This commit is contained in:
Rūdolfs Ošiņš
2024-10-31 11:53:01 +01:00
parent aad18db51a
commit f2a6bad1d7
1 changed files with 41 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/repo/Issue.svelte
+41 -35
View File
@@ -238,8 +238,7 @@
font-weight: var(--font-weight-medium);
-webkit-user-select: text;
user-select: text;
margin-bottom: 20px;
margin-top: 6px;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
@@ -359,47 +358,54 @@
</svelte:fragment>
<div class="content">
{#if editingTitle}
<div class="global-flex" style:margin-bottom="0.5rem">
<TextInput
valid={updatedTitle.trim().length > 0}
bind:value={updatedTitle}
autofocus
onSubmit={async () => {
if (updatedTitle.trim().length > 0) {
await editTitle(issue.id, updatedTitle);
}
}}
onDismiss={() => {
updatedTitle = issue.title;
editingTitle = !editingTitle;
}} />
<div class="title-icons">
<Icon
name="checkmark"
onclick={async () => {
<div style:margin-bottom="1rem" style:margin-top="-4px">
{#if editingTitle}
<div class="global-flex">
<TextInput
valid={updatedTitle.trim().length > 0}
bind:value={updatedTitle}
autofocus
onSubmit={async () => {
if (updatedTitle.trim().length > 0) {
await editTitle(issue.id, updatedTitle);
}
}} />
<Icon
name="cross"
onclick={() => {
}}
onDismiss={() => {
updatedTitle = issue.title;
editingTitle = !editingTitle;
}} />
<IssueStateButton state={issue.state} save={saveState} />
<div class="title-icons">
<Icon
styleCursor="pointer"
name="checkmark"
onclick={async () => {
if (updatedTitle.trim().length > 0) {
await editTitle(issue.id, updatedTitle);
}
}} />
<Icon
styleCursor="pointer"
name="cross"
onclick={() => {
updatedTitle = issue.title;
editingTitle = !editingTitle;
}} />
<IssueStateButton state={issue.state} save={saveState} />
</div>
</div>
</div>
{:else}
<div class="title">
<InlineTitle content={issue.title} fontSize="medium" />
<div class="title-icons">
<Icon name="pen" onclick={() => (editingTitle = !editingTitle)} />
<IssueStateButton state={issue.state} save={saveState} />
{:else}
<div class="title">
<InlineTitle content={issue.title} fontSize="medium" />
<div class="title-icons">
<Icon
styleCursor="pointer"
name="pen"
onclick={() => (editingTitle = !editingTitle)} />
<IssueStateButton state={issue.state} save={saveState} />
</div>
</div>
</div>
{/if}
{/if}
</div>
<IssueMetadata {issue} />