coracle/flotilla
1
6
Fork 23
Code Issues 42 Pull Requests 2 Actions Packages Projects 5 Releases Wiki Activity

Inverted arrow icon behavior in expand/collapse state #179

New Issue
Closed
opened 2026-04-08 20:46:51 +00:00 by sakshamjain · 1 comment
sakshamjain commented 2026-04-08 20:46:51 +00:00
Collaborator
Copy Link
Copy Source

Description:
The arrow icon used for expand/collapse is currently inverted. When the section is in a collapsed state, it shows an upward arrow (^), and when expanded, it shows a downward arrow (⌄).

Expected behavior:

Collapsed state → downward arrow (⌄)
Expanded state → upward arrow (^)

Attachment: Video demonstrating the current behaviour

Additional Comments: Same behaviour is observed in mobile device

Description: The arrow icon used for expand/collapse is currently inverted. When the section is in a collapsed state, it shows an upward arrow (^), and when expanded, it shows a downward arrow (⌄). Expected behavior: Collapsed state → downward arrow (⌄) Expanded state → upward arrow (^) Attachment: Video demonstrating the current behaviour Additional Comments: Same behaviour is observed in mobile device
Screen Recording 2026-04-09 021113.mp4
713 KiB
sakshamjain commented 2026-04-08 20:54:24 +00:00
Author
Collaborator
Copy Link
Copy Source

@hodlbod, you can assign this issue to me.

I traced the issue to src/routes/settings/profile/+page.svelte:

<Button onclick={() => (showAdvanced = !showAdvanced)}>
  {#if showAdvanced}
    <Icon icon={AltArrowDown} />
  {:else}
    <Icon icon={AltArrowUp} />
  {/if}
</Button>

The icon logic appears inverted; I can fix this and open a PR.

@hodlbod, you can assign this issue to me. I traced the issue to src/routes/settings/profile/+page.svelte: ``` <Button onclick={() => (showAdvanced = !showAdvanced)}> {#if showAdvanced} <Icon icon={AltArrowDown} /> {:else} <Icon icon={AltArrowUp} /> {/if} </Button> ``` The icon logic appears inverted; I can fix this and open a PR.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
design
For issues related to design work. Development should be done in another issue and refer back to this one.
 dev
Issues related to development work
 easy
Issues that can be executed on by new contributors
 idea
For issues that aren't yet actionable
 priority
For issues related to high priority features and bugs
 usability
Issues that have to be validated with real live human beings.
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#179
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?